:root{--bg: #1E1C1A;--bg2: #2A2724;--bg3: #353129;--text: #F0EBE5;--hint: #7A746E;--accent: #FD802E;--accent-dim: rgba(253,128,46,.14);--accent-text: #ffffff;--green: #4ade80;--green-dim: rgba(74,222,128,.12);--red: #f87171;--red-dim: rgba(248,113,113,.12);--orange: #fb923c;--border: rgba(255,255,255,.07);--shadow: 0 4px 20px rgba(0,0,0,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--radius: 18px}[data-theme=light]{--bg: #F5F2EE;--bg2: #EDE9E3;--bg3: #E3DDD7;--text: #1E1C1A;--hint: #8A847D;--accent: #E86E1E;--accent-dim: rgba(232,110,30,.12);--green: #16a34a;--green-dim: rgba(22,163,74,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.08);--orange: #ea580c;--border: rgba(0,0,0,.08);--shadow: 0 4px 20px rgba(0,0,0,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.07)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(ellipse at 10% 10%,rgba(253,128,46,.18) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(253,128,46,.13) 0%,transparent 45%),radial-gradient(ellipse at 55% 50%,rgba(180,80,20,.07) 0%,transparent 60%);background-attachment:fixed;transition:background-color .25s ease;color:var(--text);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{min-height:100dvh;padding-bottom:68px}.page{padding:16px}.app-desktop{display:flex;min-height:100dvh}.desktop-main{flex:1;min-width:0;overflow-y:auto}.sidebar{width:220px;flex-shrink:0;background:#12100e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;position:sticky;top:0;height:100dvh}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 24px}.sidebar-logo-text{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:none;background:none;cursor:pointer;color:var(--hint);font-size:14px;font-weight:500;transition:background .15s,color .15s;text-align:left;width:100%}.sidebar-item:hover{background:#ffffff0d;color:var(--text)}.sidebar-item.active{background:var(--accent-dim);color:var(--accent)}.sidebar-item-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:none;background:none;cursor:pointer;color:var(--hint);font-size:14px;font-weight:500;transition:background .15s,color .15s;width:100%;margin-top:8px}.sidebar-logout:hover{background:var(--red-dim);color:var(--red)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:400px;background:#2a2724b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff2e;border-radius:24px;padding:32px 28px;box-shadow:0 8px 40px #00000073}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.ios-toggle{width:46px;height:27px;border-radius:14px;border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .25s;padding:0;background:var(--bg3)}.ios-toggle[data-on=true]{background:var(--accent)}.ios-toggle:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000047;transition:transform .25s}.ios-toggle[data-on=true]:after{transform:translate(19px)}@media(min-width:768px){.profile-theme-toggle{display:none}}[data-theme=light] body{background-image:radial-gradient(ellipse at 10% 10%,rgba(253,128,46,.1) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(253,128,46,.07) 0%,transparent 45%)}[data-theme=light] .card{background:#ffffff9e;border-color:#00000012;border-top-color:#fffffff2;box-shadow:0 2px 14px #0000000f,inset 0 1px #ffffffd9}[data-theme=light] .stat-card{background:#ffffff9e;border-color:#00000012;border-top-color:#fffffff2}[data-theme=light] .stat-card.profit-pos{background:#16a34a14;border-color:#16a34a2e}[data-theme=light] .stat-card.profit-neg{background:#dc262612;border-color:#dc262624}[data-theme=light] .bottom-nav{background:#e8e4dfe0;border-top-color:#00000014}[data-theme=light] .sidebar{background:#e8e4debf;border-right-color:#00000014}[data-theme=light] .sidebar-item:hover{background:#0000000d}[data-theme=light] .form-input{background:#ffffffbf;border-color:#0000001f;color:var(--text)}[data-theme=light] .btn-secondary{background:#fff9;border-color:#0000001f}[data-theme=light] .login-card{background:#ffffffb8;border-color:#00000012;border-top-color:#fffffffa}[data-theme=light] .filter-tab{background:#fff9;border-color:#0000001a;color:var(--hint)}@media(min-width:768px){.desktop-main .page{padding:24px 32px;max-width:1200px;margin:0 auto}.recharts-wrapper{width:100%!important}}.page-title{font-size:24px;font-weight:700;margin-bottom:16px;letter-spacing:-.3px}.section-label{font-size:11px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.9px;margin:24px 0 10px;display:flex;align-items:center;gap:8px}.section-label:before{content:"";display:block;width:3px;height:13px;background:var(--accent);border-radius:2px;flex-shrink:0;box-shadow:0 0 6px #fd802e99}.card{background:#2a27248c;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff29;border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0f}.card.clickable{cursor:pointer;transition:opacity .15s,transform .12s,box-shadow .15s}.card.clickable:hover{box-shadow:0 6px 28px #0006,inset 0 1px #ffffff14;transform:translateY(-1px)}.card.clickable:active{opacity:.75;transform:scale(.985)}.card-title{font-size:15px;font-weight:600;color:var(--text)}.card-sub{font-size:13px;color:var(--hint);margin-top:3px}.card-row{display:flex;justify-content:space-between;align-items:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{background:#2a27248c;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff29;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.stat-value{font-size:24px;font-weight:700;color:var(--accent);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--hint);margin-top:4px;font-weight:500}.stat-card.wide{grid-column:1 / -1}.stat-card.wide .stat-value{font-size:32px;letter-spacing:-1px}.stat-card.profit-pos{background:var(--green-dim);border-color:#4ade8033}.stat-card.profit-neg{background:var(--red-dim);border-color:#f8717133}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.badge-new{background:var(--red-dim);color:var(--red)}.badge-progress{background:#fb923c26;color:var(--orange)}.badge-done{background:var(--green-dim);color:var(--green)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#12100ebf;border-top:1px solid rgba(255,255,255,.1);display:flex;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;cursor:pointer;color:var(--hint);font-size:9px;font-weight:500;padding:6px 2px;transition:color .15s;min-width:0}.nav-btn.active{color:var(--accent)}.nav-icon-wrap{width:44px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .15s}.nav-btn.active .nav-icon-wrap{background:var(--accent-dim)}.back-btn{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:15px;font-weight:500;border:none;background:none;cursor:pointer;padding:4px 0;margin-bottom:12px}.page-header .back-btn{margin-bottom:0}.loader{display:flex;justify-content:center;align-items:center;height:160px;color:var(--hint);font-size:14px}.error-msg{text-align:center;color:var(--red);padding:32px 16px;font-size:14px}.success-msg{text-align:center;color:var(--green);padding:8px 16px;font-size:14px}.empty{text-align:center;color:var(--hint);padding:40px 16px;font-size:14px}.divider{height:1px;background:var(--border);margin:4px 0}.positive{color:var(--green)}.negative{color:var(--red)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-header .page-title{margin-bottom:0}.btn-link{background:none;border:none;cursor:pointer;color:var(--accent);font-size:13px;font-weight:600;padding:0}.btn-secondary{flex:1;padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:16px;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover:not(:disabled){background:var(--bg3);border-color:#ffffff1f}.btn-icon{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #fd802e66;transition:transform .12s,box-shadow .12s}.btn-icon:active{transform:scale(.9);box-shadow:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--hint);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:13px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:16px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #fd802e26}.form-input:disabled{opacity:.4}.form-input::placeholder{color:var(--hint)}.btn-primary{width:100%;padding:15px;background:var(--accent);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;transition:opacity .15s,transform .12s,box-shadow .15s;box-shadow:0 4px 16px #fd802e59;letter-spacing:.1px}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #fd802e73}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-primary:disabled{opacity:.4;cursor:default;box-shadow:none}input[type=checkbox]{width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--accent);flex-shrink:0;border-radius:4px}.form-actions{display:flex;gap:8px;margin-top:4px}.form-actions .btn-primary{flex:1;width:auto;margin-top:0}.form-actions .btn-secondary{flex:1}.form-period-row{display:flex;gap:8px}.form-period-row .form-input:first-child{flex:2}.form-period-row .form-input:last-child{flex:1;min-width:0}.filter-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px}.filter-tab{flex-shrink:0;padding:7px 15px;border-radius:20px;border:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:500;background:var(--bg2);color:var(--hint);transition:all .15s}.filter-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px #fd802e4d}.ui-toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:calc(100% - 32px);max-width:400px}@media(min-width:768px){.ui-toast-container{bottom:24px}}.ui-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font-size:14px;font-weight:500;pointer-events:all;animation:ui-toast-in .25s ease}.ui-toast.hiding{animation:ui-toast-out .2s ease forwards}.ui-toast-success{border-left:3px solid var(--green)}.ui-toast-error{border-left:3px solid var(--red)}.ui-toast-info{border-left:3px solid var(--accent)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:ui-fade-in .2s ease;padding:16px}@media(min-width:768px){.ui-modal-overlay{align-items:center}}.ui-modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:420px;box-shadow:var(--shadow);animation:ui-modal-in .25s ease}.ui-modal-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.ui-modal-message{font-size:14px;color:var(--hint);margin-bottom:24px;line-height:1.5}.ui-modal-actions{display:flex;gap:10px}.ui-modal-actions button{flex:1;padding:12px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.ui-modal-actions button:active{opacity:.75}.ui-modal-cancel{background:var(--bg3);color:var(--text)}.ui-modal-confirm{background:var(--accent);color:#fff}.ui-modal-confirm.danger{background:var(--red)}.ui-modal-confirm:disabled{opacity:.45;cursor:not-allowed}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s infinite;border-radius:8px}.ui-skeleton-card{border-radius:var(--radius);height:96px;width:100%}.ui-skeleton-line{height:16px;border-radius:6px}.ui-skeleton-circle{border-radius:50%}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:8px}.ui-empty-icon{font-size:36px;margin-bottom:4px;opacity:.5}.ui-empty-title{font-size:15px;font-weight:600;color:var(--text)}.ui-empty-desc{font-size:13px;color:var(--hint);line-height:1.5;max-width:260px}.ui-empty-action{margin-top:8px;padding:10px 20px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.ui-segmented{display:flex;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:3px;position:relative;gap:0}.ui-segmented-thumb{position:absolute;top:3px;height:calc(100% - 6px);border-radius:9px;background:var(--accent);transition:left .2s ease,width .2s ease;z-index:0}.ui-segmented-option{flex:1;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--hint);position:relative;z-index:1;transition:color .15s;border-radius:9px;text-align:center}.ui-segmented-option.active{color:#fff}.ui-progress{width:100%}.ui-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--hint);margin-bottom:6px}.ui-progress-track{height:6px;background:var(--bg3);border-radius:999px;overflow:hidden}.ui-progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.ui-progress-bar.animated{background:linear-gradient(90deg,var(--accent),var(--orange),var(--accent));background-size:200% 100%;animation:ui-shimmer 1.4s infinite}.ui-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:900;animation:ui-fade-in .2s ease}.ui-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);border-bottom:none;padding:16px;z-index:901;max-height:90dvh;overflow-y:auto;animation:ui-drawer-in .3s ease}.ui-drawer-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.ui-drawer-title{font-size:17px;font-weight:700;margin-bottom:16px}@keyframes ui-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.ui-drawer{left:auto;right:0;top:0;bottom:0;width:380px;border-radius:var(--radius) 0 0 var(--radius);border-bottom:1px solid var(--border);border-right:none;max-height:100dvh;animation:ui-drawer-in-right .3s ease}}@keyframes ui-drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.ui-datepicker{position:relative;width:100%}.ui-datepicker input[type=date]{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:15px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ui-datepicker input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ui-datepicker input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.ui-combobox{position:relative;width:100%}.ui-combobox-input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:15px;outline:none}.ui-combobox-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ui-combobox-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:100;max-height:220px;overflow-y:auto}.ui-combobox-option{padding:10px 14px;font-size:14px;cursor:pointer;color:var(--text);transition:background .1s}.ui-combobox-option:hover{background:var(--bg3)}.ui-combobox-option.selected{color:var(--accent);font-weight:600}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.ui-pagination-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:14px;cursor:pointer}.ui-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ui-pagination-info{font-size:14px;color:var(--hint);min-width:60px;text-align:center}.ui-table-wrap{overflow-x:auto;border-radius:var(--radius)}.ui-table{width:100%;border-collapse:collapse;font-size:14px}.ui-table th{text-align:left;padding:10px 14px;color:var(--hint);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg2);cursor:default}.ui-table th.sortable{cursor:pointer}.ui-table th.sortable:hover{color:var(--text)}.ui-table td{padding:12px 14px;border-top:1px solid var(--border);color:var(--text)}.ui-table tr:hover td{background:var(--bg2)}.ui-stepper{display:flex;align-items:flex-start;gap:0;margin-bottom:24px}.ui-stepper-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.ui-stepper-step:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border);z-index:0}.ui-stepper-step.done:not(:last-child):after{background:var(--accent)}.ui-stepper-dot{width:28px;height:28px;border-radius:50%;background:var(--bg3);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--hint);position:relative;z-index:1;transition:all .2s}.ui-stepper-step.active .ui-stepper-dot{background:var(--accent);border-color:var(--accent);color:#fff}.ui-stepper-step.done .ui-stepper-dot{background:var(--green);border-color:var(--green);color:#fff}.ui-stepper-label{font-size:11px;color:var(--hint);margin-top:4px;text-align:center}.ui-stepper-step.active .ui-stepper-label{color:var(--text);font-weight:600}