@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background:#f5f7fa}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.user-info{color:#666;font-weight:600}.btn-logout{padding:.5rem 1.25rem;background:#fee;color:#c33;border:1px solid #ffcccc;border-radius:.4rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-logout:hover{background:#fdd;border-color:#c33}.main-content{flex:1;padding:0}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;gap:1rem}.toast{padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;animation:slideIn .3s ease-out}.toast-success{background:#4caf50}.toast-error{background:#f44336}.toast-info{background:#2196f3}.toast-warning{background:#ff9800}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{transform:translate(400px);opacity:0}@media(max-width:768px){.navbar-container{padding:1rem;flex-direction:column;gap:1rem}.user-info{font-size:.9rem}.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{font-size:.9rem;padding:.75rem 1rem}}.login-container[data-v-e4d2d8f4]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card[data-v-e4d2d8f4]{background:#fff;border-radius:1rem;padding:3rem 2rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.logo-section[data-v-e4d2d8f4]{text-align:center;margin-bottom:2rem}.logo[data-v-e4d2d8f4]{height:50px;margin-bottom:1rem}.logo-section h1[data-v-e4d2d8f4]{font-size:1.75rem;font-weight:700;color:#333;margin:0}.form-group[data-v-e4d2d8f4]{margin-bottom:1.5rem}.form-group label[data-v-e4d2d8f4]{display:block;font-size:.875rem;font-weight:600;color:#555;margin-bottom:.5rem}.form-group input[data-v-e4d2d8f4]{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .3s}.form-group input[data-v-e4d2d8f4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary[data-v-e4d2d8f4]{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:1rem}.btn-primary[data-v-e4d2d8f4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-primary[data-v-e4d2d8f4]:disabled{opacity:.7;cursor:not-allowed}.signup-link[data-v-e4d2d8f4]{text-align:center;color:#666;font-size:.875rem;margin:0}.signup-link a[data-v-e4d2d8f4]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.signup-link a[data-v-e4d2d8f4]:hover{color:#764ba2;text-decoration:underline}.error-message[data-v-e4d2d8f4]{background-color:#fee;color:#c33;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-top:1rem;border-left:4px solid #c33}.signup-container[data-v-3c4a8ca4]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.signup-card[data-v-3c4a8ca4]{background:#fff;border-radius:1rem;padding:3rem 2rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.logo-section[data-v-3c4a8ca4]{text-align:center;margin-bottom:2rem}.logo[data-v-3c4a8ca4]{height:50px;margin-bottom:1rem}.logo-section h1[data-v-3c4a8ca4]{font-size:1.5rem;font-weight:700;color:#333;margin:0}.form-group[data-v-3c4a8ca4]{margin-bottom:1.5rem}.form-group label[data-v-3c4a8ca4]{display:block;font-size:.875rem;font-weight:600;color:#555;margin-bottom:.5rem}.form-group input[data-v-3c4a8ca4]{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input[data-v-3c4a8ca4]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-hint[data-v-3c4a8ca4]{display:block;font-size:.75rem;color:#999;margin-top:.25rem}.btn-primary[data-v-3c4a8ca4]{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:1rem}.btn-primary[data-v-3c4a8ca4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-primary[data-v-3c4a8ca4]:disabled{opacity:.7;cursor:not-allowed}.login-link[data-v-3c4a8ca4]{text-align:center;color:#666;font-size:.875rem;margin:0}.login-link a[data-v-3c4a8ca4]{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.login-link a[data-v-3c4a8ca4]:hover{color:#764ba2;text-decoration:underline}.error-message[data-v-3c4a8ca4]{background-color:#fee;color:#c33;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-top:1rem;border-left:4px solid #c33}.dashboard[data-v-0a155d42]{max-width:1200px;margin:0 auto;padding:2rem}.header[data-v-0a155d42]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.header h1[data-v-0a155d42]{font-size:2rem;margin:0;color:#333}.btn-primary[data-v-0a155d42]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-primary[data-v-0a155d42]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.create-form-overlay[data-v-0a155d42]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.create-form[data-v-0a155d42]{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px}.create-form h2[data-v-0a155d42]{margin-top:0;color:#333}.form-group[data-v-0a155d42]{margin-bottom:1.5rem}.form-group label[data-v-0a155d42]{display:block;font-weight:600;color:#555;margin-bottom:.5rem}.form-group input[data-v-0a155d42],.form-group textarea[data-v-0a155d42]{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;font-family:inherit;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-0a155d42]:focus,.form-group textarea[data-v-0a155d42]:focus{outline:none;border-color:#667eea}.form-actions[data-v-0a155d42]{display:flex;gap:1rem;justify-content:flex-end}.btn-secondary[data-v-0a155d42]{padding:.75rem 1.5rem;background:#f0f0f0;color:#333;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-secondary[data-v-0a155d42]:hover{background:#e0e0e0}.loading[data-v-0a155d42]{text-align:center;padding:3rem;color:#999}.empty-state[data-v-0a155d42]{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.portfolios-grid[data-v-0a155d42]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.portfolio-card[data-v-0a155d42]{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s;border:1px solid #f0f0f0}.portfolio-card[data-v-0a155d42]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.portfolio-header[data-v-0a155d42]{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.5rem}.portfolio-header h3[data-v-0a155d42]{margin:0;font-size:1.25rem;color:#333}.portfolio-type[data-v-0a155d42]{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.portfolio-description[data-v-0a155d42]{color:#666;margin:.5rem 0;font-size:.9rem;line-height:1.5}.portfolio-meta[data-v-0a155d42]{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.portfolio-meta small[data-v-0a155d42]{color:#999;font-size:.85rem}@media(max-width:768px){.header[data-v-0a155d42]{flex-direction:column;align-items:stretch}.btn-primary[data-v-0a155d42]{width:100%}.portfolios-grid[data-v-0a155d42]{grid-template-columns:1fr}}.portfolio-page[data-v-42fe4974]{max-width:1200px;margin:0 auto;padding:2rem}.back-link[data-v-42fe4974]{display:inline-block;color:#667eea;text-decoration:none;font-weight:600;margin-bottom:1rem;transition:color .3s}.back-link[data-v-42fe4974]:hover{color:#764ba2}.portfolio-header[data-v-42fe4974]{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.portfolio-header h1[data-v-42fe4974]{margin:0;font-size:2rem;color:#333}.portfolio-description[data-v-42fe4974]{color:#666;margin:.5rem 0 0}.portfolio-stats[data-v-42fe4974]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat[data-v-42fe4974]{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.stat-label[data-v-42fe4974]{font-size:.875rem;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.stat-value[data-v-42fe4974]{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-overlay[data-v-42fe4974]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal[data-v-42fe4974]{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.modal h2[data-v-42fe4974]{margin-top:0;color:#333}.form-grid[data-v-42fe4974]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group.full-width[data-v-42fe4974]{grid-column:1 / -1}.form-group label[data-v-42fe4974]{display:block;font-weight:600;color:#555;margin-bottom:.5rem}.form-group input[data-v-42fe4974],.form-group select[data-v-42fe4974],.form-group textarea[data-v-42fe4974]{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;font-family:inherit;box-sizing:border-box;transition:border-color .3s}.form-group input[data-v-42fe4974]:focus,.form-group select[data-v-42fe4974]:focus,.form-group textarea[data-v-42fe4974]:focus{outline:none;border-color:#667eea}.modal-actions[data-v-42fe4974]{display:flex;gap:1rem;justify-content:flex-end}.btn-primary[data-v-42fe4974],.btn-secondary[data-v-42fe4974]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-42fe4974]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-42fe4974]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary[data-v-42fe4974]{background:#f0f0f0;color:#333}.btn-secondary[data-v-42fe4974]:hover{background:#e0e0e0}.btn-delete[data-v-42fe4974]{padding:.5rem 1rem;background:#fee;color:#c33;border:1px solid #ffcccc;border-radius:.4rem;font-weight:600;cursor:pointer;transition:all .3s;font-size:.85rem}.btn-delete[data-v-42fe4974]:hover{background:#fdd;border-color:#c33}.loading[data-v-42fe4974],.error[data-v-42fe4974]{text-align:center;padding:3rem;color:#999}.empty-state[data-v-42fe4974]{text-align:center;padding:2rem;background:#fff;border-radius:.75rem;color:#999}.holdings-table[data-v-42fe4974]{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table-header[data-v-42fe4974]{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem;background:#f9f9f9;border-bottom:2px solid #e0e0e0;font-weight:600;color:#666;font-size:.875rem}.table-row[data-v-42fe4974]{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #f0f0f0;align-items:center}.table-row[data-v-42fe4974]:last-child{border-bottom:none}.asset-name[data-v-42fe4974]{font-weight:600;color:#333}.asset-symbol[data-v-42fe4974]{font-size:.85rem;color:#999}.holding-badge[data-v-42fe4974]{display:inline-block;padding:.25rem .75rem;background:#f0f0f0;color:#666;border-radius:.4rem;font-size:.75rem;font-weight:600;text-transform:capitalize}@media(max-width:1024px){.table-header[data-v-42fe4974],.table-row[data-v-42fe4974]{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.col-actions[data-v-42fe4974]{grid-column:5}}@media(max-width:768px){.portfolio-header[data-v-42fe4974]{flex-direction:column}.modal[data-v-42fe4974]{width:95vw}.form-grid[data-v-42fe4974]{grid-template-columns:1fr}.table-header[data-v-42fe4974]{display:none}.table-row[data-v-42fe4974]{grid-template-columns:1fr;gap:.5rem;padding:1rem;border:1px solid #e0e0e0;border-radius:.5rem;margin-bottom:1rem}.asset-name[data-v-42fe4974]{font-weight:700}.col-type[data-v-42fe4974]:before{content:"Type: ";font-weight:600}.col-qty[data-v-42fe4974]:before{content:"Qty: ";font-weight:600}.col-price[data-v-42fe4974]:before{content:"Price: ";font-weight:600}.col-value[data-v-42fe4974]:before{content:"Value: ";font-weight:600}}:root{--primary-light: #667eea;--primary-dark: #764ba2;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: all .15s ease-in-out;--transition-base: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--primary-gradient)}.safe-feel{box-shadow:var(--shadow-lg);border:1px solid rgba(102,126,234,.1);background:#fff}input,textarea,select{font-family:inherit}input[type=text],input[type=email],input[type=password],input[type=phone],textarea,select{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea1a}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;font-size:1rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--primary-light);border:2px solid var(--primary-light)}.btn-secondary:hover{background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-md)}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.card:hover{box-shadow:var(--shadow-lg)}h1{font-size:2.5rem;font-weight:800;line-height:1.2}h2{font-size:2rem;font-weight:700;line-height:1.3}h3{font-size:1.5rem;font-weight:700;line-height:1.4}h4{font-size:1.25rem;font-weight:600;line-height:1.5}p{color:var(--gray-600);margin-bottom:var(--spacing-md)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--spacing-md);background:var(--gray-100);font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200)}td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}tr:hover{background:var(--gray-50)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.spinner{border:3px solid var(--gray-200);border-top:3px solid var(--primary-light);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;min-width:300px;animation:slideIn .3s ease-in-out;z-index:9999}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.warning{border-left:4px solid var(--warning)}.toast.info{border-left:4px solid var(--info)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:var(--spacing-lg)}.btn{width:100%}}