@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.static{position:static}.block{display:block}.flex{display:flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color:var(--accent)}.disabled\:opacity-50:disabled{opacity:.5}:root{--bg-page:#0c0f14;--bg-card:#141922;--bg-card-hover:#1a1f2a;--border:#252b36;--border-muted:#1e242d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--success-bg:#22c55e1f;--danger:#ef4444;--danger-bg:#ef44441f;--radius:12px;--radius-sm:8px;--shadow-card:0 4px 24px #00000040;--layout-max:1280px;--layout-pad:24px;--grid-gap:20px;--header-h:56px}html,body{width:100%;min-height:100vh;margin:0}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}#root{width:100%;min-height:100vh}.dashboard-figma{--header-pad:0 var(--layout-pad);--main-pad:var(--layout-pad)}.dashboard-header{height:var(--header-h);padding:var(--header-pad);justify-content:space-between;align-items:center;gap:var(--grid-gap);border-bottom:1px solid var(--border);background:var(--bg-card);z-index:10;flex-wrap:wrap;display:flex;position:sticky;top:0}.dashboard-header-left{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.dashboard-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.dashboard-tabs{border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;overflow:hidden}.dashboard-tab{cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.dashboard-tab:hover{color:var(--text-primary)}.dashboard-header-right{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.dashboard-pill{border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:500}.dashboard-pill.small{padding:2px 8px;font-size:.6875rem}.dashboard-time-range{border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;overflow:hidden}.dashboard-time-btn{cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.dashboard-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.875rem}.dashboard-logout:hover{color:var(--text-primary)}.dashboard-main{max-width:var(--layout-max);padding:var(--main-pad);gap:var(--grid-gap);flex-direction:column;margin:0 auto;display:flex}.dashboard-row{gap:var(--grid-gap);display:grid}.dashboard-row-4{grid-template-columns:repeat(4,1fr)}.dashboard-row-5{grid-template-columns:repeat(5,1fr)}.dashboard-row-2{grid-template-columns:repeat(2,1fr)}.dashboard-row-stack{grid-template-columns:1fr}@media(max-width:1024px){.dashboard-row-4,.dashboard-row-5{grid-template-columns:repeat(2,1fr)}.dashboard-row-2{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-row-4,.dashboard-row-5{grid-template-columns:1fr}.dashboard-header{height:auto;min-height:var(--header-h);padding-top:12px;padding-bottom:12px}}.dashboard-card{border-radius:var(--radius);border:1px solid var(--border);min-height:0;padding:20px}.dashboard-card-chart{flex-direction:column;min-height:340px;display:flex}.dashboard-card-danger{border-color:#ef444466}.dashboard-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 4px;font-size:.6875rem;font-weight:500}.dashboard-card-subtitle{color:var(--text-muted);margin:0 0 12px;font-size:.75rem}.dashboard-card-body{margin-top:12px}.dashboard-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.dashboard-value-sub{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.dashboard-value-inline{align-items:center;gap:8px;display:flex}.dashboard-chart{flex:1;height:260px;min-height:260px;margin:0 -8px}.dashboard-chart-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.dashboard-yield-card{gap:var(--grid-gap);flex-direction:column;display:flex}.dashboard-total-gains-costs{justify-content:space-between;gap:var(--grid-gap);padding-top:var(--grid-gap);border-top:1px solid var(--border);display:flex}.dashboard-total-item{flex:1}.dashboard-total-label{color:var(--text-muted);margin-bottom:4px;font-size:.8125rem}.dashboard-total-value{font-size:1.125rem;font-weight:600}.dashboard-total-pct{margin-top:4px}.dashboard-yield-card .dashboard-card-body{flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.dashboard-chart-small{width:100%;max-width:100%;height:140px;min-height:140px;margin:0 -8px}.dashboard-chart-cost-gain{width:100%;max-width:100%;height:280px;min-height:280px;margin:0 -8px}.dashboard-pnl{color:var(--text-muted);margin:12px 0 0;font-size:.8125rem}.dashboard-kv{justify-content:space-between;margin-bottom:4px;font-size:.8125rem;display:flex}.dashboard-bar-wrap{margin-top:12px}.dashboard-bar{background:var(--border);border-radius:9999px;height:8px;display:flex;overflow:hidden}.dashboard-bar-seg{flex-shrink:0}.dashboard-bar-seg.danger{background:var(--danger)}.dashboard-bar-seg.success{background:var(--success);flex:1;min-width:0}.dashboard-bar-single{border-radius:9999px;width:100%;height:8px}.dashboard-bar-labels{justify-content:space-between;margin-top:4px;font-size:.6875rem;display:flex}.dashboard-alert{border-radius:var(--radius-sm);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);margin-top:12px;padding:10px 12px;font-size:.8125rem}.dashboard-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dashboard-chip{border-radius:var(--radius-sm);padding:4px 8px;font-size:.8125rem}.dashboard-chip.success{background:var(--success-bg);color:var(--success)}.dashboard-chip.accent{color:var(--accent);background:#3b82f61f}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
