*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{min-height:100vh}.layout{min-height:100vh;display:flex}.sidebar{color:#e2e8f0;z-index:100;background:#1e293b;flex-direction:column;width:220px;height:100vh;transition:width .25s;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;min-height:56px;padding:16px 12px;display:flex}.logo{white-space:nowrap;font-size:1.1rem;font-weight:700}.toggle-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem}.toggle-btn:hover{background:#334155}.sidebar-nav{flex-direction:column;flex:1;padding:8px 0;display:flex}.nav-link{color:#cbd5e1;white-space:nowrap;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#f1f5f9;background:#334155}.nav-link.active{color:#fff;background:#3b82f6}.nav-icon{flex-shrink:0;font-size:1.2rem}.sidebar.collapsed .nav-link{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-icon{font-size:1.4rem}.sidebar-footer{border-top:1px solid #334155;padding:8px 0}.logout-btn{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:background .15s,color .15s;display:flex}.logout-btn:hover{color:#f1f5f9;background:#334155}.sidebar.collapsed .logout-btn{justify-content:center;padding:12px 0}.main-area{flex-direction:column;flex:1;margin-left:220px;transition:margin-left .25s;display:flex}.main-area.expanded{margin-left:60px}.topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:#1e293b;font-size:1.15rem;font-weight:600}.mobile-toggle{cursor:pointer;color:#1e293b;background:0 0;border:none;font-size:1.5rem;display:none}.content{flex:1;padding:24px}.overlay{display:none}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:260px}.main-area,.main-area.expanded{margin-left:0}.mobile-toggle,.toggle-btn{display:block}.overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.content{padding:16px}}.login-container{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-title{color:#1e293b;margin:0 0 8px;font-size:1.75rem;font-weight:700}.login-subtitle{color:#64748b;margin:0 0 24px;font-size:.95rem}.login-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-error{color:#dc2626;text-align:left;margin:8px 0 0;font-size:.875rem}.login-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px 16px;font-size:1rem;font-weight:600;transition:background .15s}.login-button:hover{background:#2563eb}.login-button:active{background:#1d4ed8}.summaries{max-width:960px;margin:0 auto}.summary-table{border-collapse:collapse;width:100%;font-size:.92rem}.summary-table th,.summary-table td{border:1px solid #4a5568;padding:10px 14px}.summary-table thead th{color:#475569;text-align:left;background:#f1f5f9;font-weight:600;position:sticky;top:0}.summary-table tbody tr:hover{background:#f8fafc}@media (width<=768px){.mobile-only{display:flex}.desktop-only{display:none}}.open-positions{max-width:1200px;margin:0 auto}.page-title{color:#1e293b;margin-bottom:20px;font-size:1.35rem;font-weight:600}.status-msg{text-align:center;color:#64748b;padding:40px 20px;font-size:1rem}.status-msg.error{color:#dc2626}.table-wrapper{overflow-x:auto}.positions-table{border-collapse:collapse;width:100%;font-size:.88rem}.positions-table th,.positions-table td{white-space:nowrap;border:1px solid #4a5568;padding:8px 10px}.positions-table thead th{color:#475569;text-align:left;background:#f1f5f9;font-weight:600;position:sticky;top:0}.positions-table tbody tr:hover{background:#f8fafc}.cell-number{text-align:right;font-variant-numeric:tabular-nums}.cell-symbol{font-weight:600}.pnl-positive{color:#16a34a}.pnl-negative{color:#dc2626}.totals-row{background:#f1f5f9;border-top:2px solid #4a5568;font-weight:700}.cards-wrapper{flex-direction:column;gap:14px;display:flex}.card-table{border-collapse:collapse;border:1px solid #4a5568;border-radius:8px;width:100%;font-size:.9rem;overflow:hidden}.card-table th,.card-table td{border-bottom:1px solid #4a5568;padding:8px 14px}.card-table th{text-align:left;color:#64748b;background:#f8fafc;width:45%;font-weight:500}.card-table td{text-align:right;color:#1e293b;font-weight:500}.totals-card{border:2px solid #3b82f6}.totals-card th{background:#eff6ff;font-weight:600}.totals-card td{color:#1e40af;font-weight:700}.mobile-only{display:none}.desktop-only{display:block}@media (width<=768px){.mobile-only{display:flex}.desktop-only{display:none}}