@import url('/static/forms.css');
:root{color-scheme:light;--bg:#f4f6f7;--surface:#fff;--text:#192b29;--muted:#677975;--line:#e1e8e5;--accent:#126b51;--accent-soft:#eaf4ee;--danger:#b43b3e;--nav:#102c26;--lime:#d0eda2;--shadow:0 8px 36px #102c260a;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9ec768;outline-offset:3px}a{color:var(--accent)}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:1.85rem;font-weight:650;letter-spacing:-.055rem}h2{font-size:1.12rem;font-weight:650}h3{font-size:1rem;font-weight:600}small{font-size:.8125rem;color:var(--muted)}.muted{color:var(--muted)}.tiny{font-size:.8125rem}.positive{color:var(--accent)}.negative{color:var(--danger)}.money{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hidden-money [data-money]{filter:blur(7px);user-select:none}.loading-screen{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:20px}.brand-mark{display:grid;place-items:center;background:var(--lime);color:var(--nav);width:42px;height:42px;border-radius:12px;font-size:25px;font-weight:700}.app{min-height:100dvh;padding-left:232px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--nav);color:#e3ede8;display:flex;flex-direction:column;padding:30px 18px;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin:0 12px 40px}.brand-name{font-size:1.15rem;font-weight:650;letter-spacing:.02em}.brand small{display:block;color:#9fbab0;margin-top:3px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#a7c0b5;text-align:left;padding:14px 17px;border-radius:10px;display:flex;gap:13px;align-items:center;font-size:.9375rem}.nav button:hover{background:#ffffff0c;color:white}.nav button.active{background:#244438;color:#e4f5c6}.nav-count{margin-left:auto;background:#3d5746;padding:2px 7px;border-radius:5px;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding:28px 14px 0}.sidebar-bottom p{font-size:.875rem;color:#afc2b9;line-height:1.6}.sidebar-bottom button{margin-top:18px;color:#afc2b9;background:transparent;border:1px solid #416054;padding:10px 12px;border-radius:8px;display:flex;gap:10px;align-items:center}.topbar{height:82px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--surface);gap:16px}.breadcrumb{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{color:var(--text);font-weight:500}.top-tools{display:flex;gap:12px;align-items:center}.date-label{font-size:.875rem;color:var(--muted)}.avatar{width:34px;height:34px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:.875rem;font-weight:600}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px}.demo-banner{padding:9px 40px;background:#f9f1d8;border-bottom:1px solid #e9ddb3;color:#775918;font-size:.8125rem;display:flex;gap:9px;align-items:center}.workspace{max-width:1580px;margin:auto;padding:32px 40px 48px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.page-heading p{font-size:.9375rem;color:var(--muted);margin-top:8px}.button{border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:550;min-height:43px;white-space:nowrap}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.danger{color:var(--danger);border-color:#e8bcbf}.button.soft{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.button:hover{filter:brightness(.97)}.button.compact{padding:7px 11px;min-height:35px;font-size:.8125rem}.button.text{background:transparent;border:0;color:var(--accent);padding:3px;min-height:auto}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-bottom:23px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:25px 26px;min-height:184px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.metric.hero{background:var(--nav);color:#fff;border-color:var(--nav)}.metric-label{font-size:.875rem;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.hero .metric-label,.hero .metric-foot{color:#b0c8bb}.metric-value{font-size:2.15rem;font-weight:600;margin:16px 0;overflow-wrap:anywhere}.metric-value span{font-size:1.05rem;font-weight:400;margin-left:6px;color:var(--muted)}.hero .metric-value span{color:#b0c8bb}.metric-foot{font-size:.8125rem;color:var(--muted);line-height:1.5}.metric-tag{background:#ffffff12;border:1px solid #ffffff19;padding:4px 8px;border-radius:6px;font-size:.75rem}.usdt-mark{border-radius:50%;background:#e6f6f0;color:#187b63;font-size:18px;width:28px;height:28px;display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:23px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head small{display:block;margin-top:5px}.panel-body{padding:0 23px 23px}.currency-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--line);padding:16px 0;gap:10px}.currency-info{display:flex;align-items:center;gap:12px}.currency-badge{width:38px;height:38px;background:#f0f3f6;border-radius:10px;display:grid;place-items:center;color:#536978;font-weight:600}.currency-info strong{font-size:.9375rem;font-weight:600}.currency-info small{display:block;margin-top:3px}.currency-value{text-align:right}.currency-value strong{font-size:1.02rem;font-weight:600}.currency-value small{display:block;margin-top:5px}.panel-footer{padding:15px 23px;background:#fafcfb;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;align-items:center}.task-card{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:11px}.task-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:11px}.task-code{font-size:.8125rem;font-family:ui-monospace,Consolas,monospace;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:.75rem;line-height:1.35;background:#f0f3f6;color:#567087}.pill.open{background:#fff3d7;color:#8f651b}.pill.partial{background:#eaf0fb;color:#496397}.pill.done{background:var(--accent-soft);color:var(--accent)}.pill.cancelled{background:#f4e8e8;color:#966266}.task-title{font-size:.9375rem;font-weight:550;margin-bottom:6px}.task-bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.task-sum{font-size:1.1rem;font-weight:600}.task-note{font-size:.8125rem;color:var(--muted);line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.recent{margin-top:23px}.op-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;padding:16px 23px;border-top:1px solid var(--line);align-items:center;cursor:pointer}.op-row:hover{background:#f8faf9}.op-row.voided{opacity:.55}.op-symbol{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.op-title{font-size:.9375rem;font-weight:550}.op-sub{color:var(--muted);font-size:.8125rem;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.op-money{text-align:right;font-size:.9375rem;font-weight:600}.op-money small{display:block;margin-top:5px;font-weight:400}.empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:.9375rem;line-height:1.7}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filters input[type=search]{max-width:360px;flex:1;min-width:200px}.filters .active{background:var(--accent-soft);border-color:#b9d8c8;color:var(--accent)}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.task-grid .task-card{background:var(--surface);margin:0;padding:20px}.notice{border-radius:10px;padding:14px 17px;background:#edf3fa;color:#3c5c7d;font-size:.875rem;line-height:1.6;margin-bottom:20px}.notice.warning{background:#fff3df;color:#87632d}.summary-strip{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:20px 23px}.summary-strip strong{display:block;font-size:1.2rem;margin-top:5px}.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rate-card{padding:23px}.rate-card h2{margin-bottom:20px}.rate-card label{margin-bottom:12px}.report-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.report-copy{background:var(--nav);color:white;border-radius:12px;padding:24px;line-height:1.8;white-space:pre-wrap;font-size:1rem}.note-box{padding:18px;border-radius:10px;background:var(--accent-soft);font-size:.875rem;line-height:1.65}.rates-note{margin-bottom:22px;line-height:1.6;max-width:850px}.login-card{width:min(440px,calc(100% - 32px));background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:20px;display:grid;gap:20px;box-shadow:var(--shadow)}.login-card p{line-height:1.7;color:var(--muted)}.login-card h1{font-size:1.5rem}.sync-warning{padding:10px 40px;background:#fdebec;color:var(--danger);font-size:.875rem}.spacer{margin-top:20px}.mobile-only{display:none}.desktop-only{display:initial}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(540px,calc(100% - 32px));background:var(--nav);color:white;border-radius:12px;padding:14px 20px;z-index:100;box-shadow:0 8px 40px #0003;font-size:.875rem;line-height:1.5;display:none}#toast.show{display:block}#toast.error{background:#892f32}
[data-theme=dark]{color-scheme:dark;--bg:#111b1a;--surface:#192623;--text:#e2ece7;--muted:#a1b5ab;--line:#30433a;--accent:#66c89e;--accent-soft:#253f34;--danger:#f8999d;--nav:#0a1c17;--shadow:none}[data-theme=dark] .button.primary{background:#247a59;color:white}[data-theme=dark] .panel-footer,[data-theme=dark] .op-row:hover{background:#1c2e27}[data-theme=dark] .currency-badge{background:#2c3f37;color:#b9cfc1}
@media(max-width:1200px){.app{padding-left:200px}.sidebar{width:200px;padding:25px 12px}.workspace{padding:28px 25px}.topbar{padding:0 25px}.metrics{gap:12px;grid-template-columns:1.2fr 1fr 1fr}.metric{padding:20px}.metric-value{font-size:1.85rem}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:18px}.task-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.app{padding-left:0;padding-bottom:84px}.sidebar{inset:auto 0 0;width:100%;height:calc(74px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--surface)}.sidebar .brand,.sidebar-bottom{display:none}.nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;width:100%}.nav button{font-size:.75rem;padding:10px 3px 8px;flex-direction:column;gap:6px;align-items:center;color:var(--muted);border-radius:0}.nav button.active{background:transparent;color:var(--accent)}.nav button:hover{background:var(--accent-soft);color:var(--accent)}.nav-count{display:none}.topbar{height:65px;padding:0 22px}.workspace{padding:25px 22px}.demo-banner,.sync-warning{padding:8px 22px}.desktop-only{display:none}.mobile-only{display:initial}.report-grid{grid-template-columns:1fr}.rate-grid{grid-template-columns:repeat(2,1fr)}#toast{bottom:105px}}
@media(max-width:650px){.topbar{padding:0 16px}.top-tools{gap:7px}.date-label{display:none}.workspace{padding:24px 16px}.demo-banner,.sync-warning{padding:8px 16px;font-size:.75rem}.page-heading{align-items:flex-start;margin-bottom:21px;gap:8px}.page-heading h1{font-size:1.6rem}.page-heading p{font-size:.875rem;line-height:1.5}.page-heading .button{padding:10px 12px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric.hero{grid-column:1/-1;min-height:176px}.metric{min-height:158px;padding:19px}.metric-label{font-size:.8125rem}.metric-value{font-size:1.5rem;margin:14px 0;line-height:1.25}.metric.hero .metric-value{font-size:2.35rem}.metric-value span{font-size:.8125rem;display:block;margin:3px 0 0}.hero .metric-value span{display:inline;font-size:1.1rem;margin-left:6px}.metric-foot{font-size:.75rem}.metric .icon{width:17px;height:17px}.dashboard-grid{grid-template-columns:1fr;gap:20px}.panel-head{padding:20px}.panel-body{padding:0 20px 20px}.panel-footer{padding:15px 20px}.op-row{padding:16px;gap:10px;grid-template-columns:32px minmax(0,1fr) auto}.op-title{font-size:.875rem}.op-sub{font-size:.75rem}.op-money{font-size:.875rem}.op-symbol{width:32px;height:32px}.task-grid,.rate-grid{grid-template-columns:1fr}.filters{gap:8px}.filters input[type=search]{max-width:100%;flex-basis:100%;order:1}.summary-strip{gap:20px;padding:18px}.summary-strip strong{font-size:1.05rem}.currency-value small{font-size:.75rem}.report-copy{font-size:.9375rem;padding:18px}.report-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}