:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:light}body{margin:0;background-color:#f8f9fc;color:#1a1d1e}*{box-sizing:border-box}button{cursor:pointer}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#2d3436;color:#fff}.nav .brand{font-weight:700;margin-right:8px;color:#fff;padding:0}.nav .brand.active{background:transparent;color:#fff}.nav a{color:#cfd8dc;text-decoration:none;padding:6px 10px;border-radius:6px}.nav a.active{background:#00ba88;color:#fff}.nav .spacer{flex:1}.container{max-width:920px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #1a1d1e14;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}label{font-size:12px;color:#6c757d}.summary{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff;border-radius:14px;padding:20px;margin-bottom:16px}.summary .total{font-size:30px;font-weight:700}.positive{color:#81c784}.negative{color:#e57373}button.primary{background:#2d3436;color:#fff;border:none;padding:8px 16px;border-radius:8px}button.primary:hover{background:#414a4d}button.secondary{background:#e9ecef;color:#1a1d1e;border:none;padding:8px 16px;border-radius:8px}button.danger{background:#c62828;color:#fff;border:none;padding:6px 12px;border-radius:8px}table{width:100%;border-collapse:collapse}th{text-align:center;padding:8px;border-bottom:1px solid #eee}td{text-align:left;padding:8px;border-bottom:1px solid #eee}td.num{text-align:right;white-space:nowrap}input,select{padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-screen{max-width:420px;margin:80px auto;text-align:center;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 16px #1a1d1e1a}.auth-screen .logo{font-size:24px;font-weight:800;margin-bottom:8px}.error{color:#c62828;font-size:13px}.empty{color:#6c757d;padding:24px;text-align:center}.admin-badge{background:#fff3e0;color:#e65100;padding:3px 8px;border-radius:4px;font-size:12px}.login-btn{background:#4285f4;color:#fff;border:none;padding:12px 24px;font-size:15px;border-radius:8px}.login-btn:hover{background:#3367d6}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.asset-list{display:flex;flex-direction:column;gap:10px}.asset-card{border:1px solid #eef0f2;border-radius:12px;padding:12px 14px;background:#fff}.asset-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-card-title{font-weight:600;font-size:15px;min-width:0;overflow-wrap:anywhere}.asset-card-code{color:#999;font-weight:400;font-size:12px;margin-left:2px}.asset-badge{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.asset-badge-stock{background:#2196f31f;color:#1976d2}.asset-badge-cash{background:#4caf501f;color:#2e7d32}.asset-badge-bond{background:#9c27b01f;color:#7b1fa2}.asset-badge-realEstate{background:#ff980024;color:#e65100}.asset-badge-crypto{background:#ffc1072e;color:#8a6d00}.asset-card-account{font-size:12px;color:#6c757d;margin-top:2px}.asset-card-body{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.asset-card-value{font-size:20px;font-weight:700}.asset-card-pl{font-size:13px;font-weight:600;white-space:nowrap}.asset-card-sub{display:flex;gap:12px;font-size:12px;color:#6c757d;margin-top:6px}.asset-card-weight{display:flex;align-items:center;gap:8px;margin-top:10px}.asset-card-weight-track{flex:1;height:6px;border-radius:999px;background:#eef0f2;overflow:hidden}.asset-card-weight-fill{height:100%;border-radius:999px;background:#00ba88}.asset-card-weight-label{flex-shrink:0;font-size:12px;color:#6c757d}.swipe{position:relative;overflow:hidden;border-radius:12px}.swipe-actions{position:absolute;top:0;right:0;bottom:0;width:168px;display:flex;overflow:hidden;border-radius:0 12px 12px 0;transition:visibility .25s}.swipe-actions-hidden{visibility:hidden}.swipe-action{flex:1;border:none;color:#fff;font-size:14px;font-weight:600;padding:0}.swipe-action-edit{background:#2196f3}.swipe-action-delete{background:#c62828}.swipe-content{position:relative;background:#fff;border-radius:12px;touch-action:pan-y;transition:transform .25s ease}.swipe-content-dragging,.swipe-content-dragging *{transition:none!important;user-select:none;-webkit-user-select:none}@media (max-width: 576px){.nav{gap:4px;padding:8px 10px}.nav .brand{font-size:14px}.nav a{padding:5px 8px;font-size:13px}.nav select{font-size:12px;padding:4px 6px}.nav .secondary{padding:5px 10px;font-size:13px}.container{padding:10px}.summary .total{font-size:22px}.grid-3{grid-template-columns:1fr;gap:4px}.form-grid{grid-template-columns:1fr}.auth-screen{margin:30px auto;padding:24px 20px}th,td{padding:6px 4px;font-size:13px}.filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}.filter-row select{flex:1 1 auto;min-width:0;white-space:nowrap}.chart-box{height:200px!important}}