*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #F4EFE5;--bg-secondary: #FDFAF6;--bg-card: #FFFFFF;--bg-hover: #EDE7DC;--border: #DDD6C8;--border-dim: #E8E2D6;--text-primary: #1C1814;--text-secondary: #6B6358;--text-muted: #A89E92;--accent: #B45309;--accent-hover: #92400E;--accent-dim: rgba(180, 83, 9, .08);--accent-light: rgba(180, 83, 9, .12);--green: #0A6E44;--green-bg: rgba(10, 110, 68, .08);--red: #B91C1C;--red-bg: rgba(185, 28, 28, .08);--yellow: #B45309;--yellow-bg: rgba(180, 83, 9, .08);--blue: #1D4ED8;--blue-bg: rgba(29, 78, 216, .08)}html{font-size:14px}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(120,95,60,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,95,60,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #10b98180}50%{box-shadow:0 0 10px #10b981e6,0 0 18px #10b98159}}@keyframes shimmerLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}input,select,textarea,button{font-family:Manrope,system-ui,sans-serif;font-size:inherit}input[type=text],input[type=number],input[type=date],input[type=datetime-local],select,textarea{background:#fff;border:1.5px solid var(--border);color:var(--text-primary);padding:.575rem .9rem;border-radius:8px;width:100%;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #785f3c0d}input[type=number]{font-family:JetBrains Mono,monospace;font-size:.88rem}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b453091a,0 1px 3px #0000000f}select{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.35;cursor:pointer}button{cursor:pointer;border:none;border-radius:8px;padding:.575rem 1.15rem;font-weight:500;font-family:Manrope,system-ui,sans-serif;transition:all .18s ease;letter-spacing:.01em}.btn-primary{background:var(--accent);color:#fff;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 8px #b4530940,0 1px 2px #00000014}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #b4530959,0 2px 4px #0000001a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{background:var(--red);color:#fff;font-weight:600;box-shadow:0 2px 6px #b91c1c33}.btn-danger:hover{box-shadow:0 4px 14px #b91c1c59;transform:translateY(-1px)}.btn-outline{background:#fff;border:1.5px solid var(--border);color:var(--text-secondary);box-shadow:0 1px 2px #785f3c0d}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.4rem .75rem}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:14px;padding:1.35rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #785f3c14,0 6px 24px #785f3c0d;transition:border-color .25s,box-shadow .25s,transform .25s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);pointer-events:none}.card:hover{border-color:#b4530938;box-shadow:0 2px 8px #785f3c1a,0 12px 36px #785f3c14;transform:translateY(-2px)}.profit{color:var(--green);font-family:JetBrains Mono,monospace;font-size:.87em}.loss{color:var(--red);font-family:JetBrains Mono,monospace;font-size:.87em}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.65rem .9rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-family:Manrope,sans-serif;white-space:nowrap;background:#f4efe580}td{padding:.75rem .9rem;border-bottom:1px solid var(--border-dim);font-variant-numeric:tabular-nums;font-size:.875rem;transition:background .12s}tr:last-child td{border-bottom:none}tr:hover td{background:#b4530908}.container{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:2px solid var(--border);animation:fadeUp .38s ease both}.page-header h1{font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;flex-direction:column;gap:.45rem;animation:fadeUp .4s ease both}.stat-card .stat-label{font-size:.66rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-family:Manrope,sans-serif}.stat-card .stat-value{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;letter-spacing:-.04em;line-height:1}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.chart-card{padding:1.35rem}.chart-card h3{font-size:.66rem;margin-bottom:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-family:Manrope,sans-serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.73rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em}.form-group.full-width{grid-column:1 / -1}.modal-overlay{position:fixed;inset:0;background:#1c181480;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .18s ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:1.75rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #1c18142e,0 8px 24px #1c18141a,0 0 0 1px #b453090f;animation:fadeUp .25s ease}.modal h2{margin-bottom:1.25rem;font-size:1.2rem;font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.01em}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-dim)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:5px;font-size:.63rem;font-weight:700;letter-spacing:.08em;font-family:JetBrains Mono,monospace}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid rgba(10,110,68,.2)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid rgba(185,28,28,.2)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.empty-state h3{margin-bottom:.5rem;color:var(--text-secondary);font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:700}.empty-state p{font-size:.85rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.range-pills{display:flex;gap:.25rem;background:var(--bg-primary);border:1px solid var(--border-dim);border-radius:10px;padding:.2rem}.range-pill{padding:.3rem .7rem;border-radius:7px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:transparent;transition:all .18s ease;white-space:nowrap}.range-pill:hover{color:var(--text-primary);background:var(--bg-hover)}.range-pill.active{background:var(--accent);color:#fff;box-shadow:0 1px 4px #b453094d}.custom-range-bar{display:flex;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;align-items:flex-end;animation:fadeUp .25s ease both}.custom-range-bar .form-group{flex:1;max-width:220px}.custom-range-bar input[type=date]{padding:.45rem .7rem;font-size:.82rem}@media(max-width:700px){.range-pills{flex-wrap:wrap}.custom-range-bar{flex-direction:column;align-items:stretch}.custom-range-bar .form-group{max-width:none}}.sidebar-mobile{position:fixed;top:0;left:-280px;width:270px;height:100vh;background:#fff;z-index:51;display:none;flex-direction:column;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026;overflow:hidden}.sidebar-mobile.open{left:0}@media(max-width:768px){.sidebar-desktop{display:none!important}.sidebar-mobile{display:flex}.sidebar-mobile .sidebar-close-btn,.hamburger-btn{display:block!important}.top-bar{padding:.65rem 1rem!important}.main-content{padding:1rem!important}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header h1{font-size:1.35rem}.grid-stats{grid-template-columns:repeat(2,1fr);gap:.65rem}.stat-card .stat-value{font-size:1.15rem}.charts-grid,.form-grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.range-pills{gap:.15rem;flex-wrap:wrap}.range-pill{padding:.25rem .5rem;font-size:.65rem}}@media(max-width:420px){.grid-stats{grid-template-columns:1fr}.stat-card .stat-value{font-size:1.3rem}}::selection{background:#b4530926;color:var(--text-primary)}