@charset "UTF-8";
:root{color-scheme:dark;--bg:#10171b;--side:#121a1e;--surface:#172126;--surface2:#1b272d;--border:#29373d;--text:#eef2ef;--muted:#90a1a5;--gold:#d9b66d;--gold-dim:#2d2c24;--green:#76d4b0;--red:#ef8d8e;--blue:#8dbed3;--radius:14px;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:15px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{color:inherit}input,select,textarea{color:var(--text);background:#10191d;border:1px solid var(--border);border-radius:8px;padding:11px 13px;min-width:0;width:100%}input,select{min-height:43px}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--gold)}h1,h2,h3,p{margin:0}svg{display:block;flex-shrink:0}small{color:var(--muted)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--side);border-left:1px solid var(--border);position:fixed;inset:0 0 0 auto;display:flex;flex-direction:column;padding:32px 20px 18px;z-index:30;overflow-y:auto}.brand{display:flex;gap:13px;align-items:center;margin:0 10px 33px}.brand-mark{width:42px;height:45px;border:1px solid #86764b;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;font-weight:bold;color:var(--gold);background:linear-gradient(135deg,#d9b66d12,#d9b66d02)}.brand strong{font-size:29px;line-height:1.2}.brand-dot{color:var(--gold)}.brand small{font-size:10px;display:block;letter-spacing:2.4px;margin-top:6px}.workspace-box{background:#0e171b;border:1px solid var(--border);padding:14px;border-radius:10px;margin-bottom:28px}.workspace-box label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.workspace-box select{border:0;background:transparent;padding:2px 0;min-height:30px;font-size:14px;font-weight:600}.workspace-role{display:block;font-size:11px;color:var(--gold);margin-top:6px}.nav-label{color:#63757a;font-size:11px;margin:0 13px 11px}nav{display:flex;flex-direction:column;gap:4px}.nav-button{background:transparent;border:1px solid transparent;border-radius:9px;padding:12px 13px;display:flex;align-items:center;gap:12px;color:#9dafb2;text-align:right;width:100%;font-size:14px}.nav-button svg{opacity:.9;width:19px;height:19px}.nav-button:hover{background:#1a262c;color:var(--text)}.nav-button.active{color:var(--gold);background:linear-gradient(90deg,#d9b66d04,#d9b66d16);border-color:#6e5e342b}.nav-button .count{margin-right:auto;background:#263a3c;border-radius:5px;padding:2px 6px;font-size:10px;color:var(--green)}.nav-separator{height:1px;background:var(--border);margin:14px 10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.drive-mini{display:flex;gap:10px;align-items:center;width:100%;border:1px solid var(--border);border-radius:9px;background:#19252b;padding:13px;text-align:right;font-size:12px}.drive-mini small{display:block;margin-top:5px;font-size:10px}.status-dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%;flex-shrink:0}.status-dot.pending{background:var(--gold)}.account{display:flex;align-items:center;gap:9px;margin:20px 2px 0}.avatar,.top-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#35423c;color:var(--gold);border:1px solid #59604b;font-size:14px}.account b{display:block;font-size:12px}.account small{display:block;direction:ltr;text-align:right;font-size:9px;max-width:142px;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.signout{margin-right:auto;color:var(--muted);font-size:20px}.main{margin-right:248px;width:calc(100% - 248px)}.topbar{height:77px;padding:0 36px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#121b1f80}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{color:#d2dedb;font-weight:400}.crumb-slash{color:#43565d}.topbar-tools{display:flex;align-items:center;gap:20px}.live-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.icon-button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:20px}.icon-button:hover{color:var(--gold);border-color:#87754b}.content{padding:34px 36px 18px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.3px;margin-bottom:9px}.page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.7px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}.heading-actions{display:flex;gap:12px;align-items:center}.period-picker{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:0 7px;gap:2px}.period-picker select,.period-picker input{border:0;background:none;min-height:39px;padding:6px;font-size:12px}.period-picker select{width:83px}.period-picker input{width:61px;direction:ltr;text-align:center;appearance:textfield}.period-picker input::-webkit-inner-spin-button{appearance:none}.period-picker button{border:0;background:none;color:var(--gold);padding:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;min-height:42px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--gold);color:#222719;border-color:var(--gold);box-shadow:0 3px 12px #d9b66d09}.primary:hover{background:#e5c47c}.secondary{border-color:var(--border);background:#1a252b;color:#c5d3d3}.secondary:hover{background:#223038;border-color:#486068}.ghost{background:transparent;border-color:var(--border);color:var(--muted)}.danger{color:var(--red);border-color:#7b4142;background:#3a21242b}.button.small{min-height:30px;padding:6px 10px;font-size:11px}.gold-text{color:var(--gold)}.positive{color:var(--green)}.negative{color:var(--red)}.muted{color:var(--muted)}.money{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;display:inline-block;white-space:nowrap}.money small{font-family:Tahoma,sans-serif;font-size:10px;margin-left:5px}.pill{display:inline-flex;gap:5px;align-items:center;border:1px solid #32444c;background:#24333a;color:var(--blue);font-size:10px;padding:5px 8px;border-radius:5px;white-space:nowrap}.pill.green{border-color:#345047;background:#1c3730;color:var(--green)}.pill.gold{border-color:#51492f;background:#343123;color:var(--gold)}.pill.red{border-color:#583638;background:#362427;color:var(--red)}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden;min-height:157px}.metric.accent{background:linear-gradient(125deg,#2b2c23,#1b2427);border-color:#6b5d374d}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#adbdbe;font-size:12px;gap:8px}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #344248;border-radius:8px;color:#90a4a9}.metric.accent .metric-icon{color:var(--gold);border-color:#655939}.metric-value{font-size:32px;font-weight:650;margin-top:19px;letter-spacing:-.5px}.metric-value .money small{font-size:11px;color:var(--muted);font-weight:400}.metric-note{display:flex;gap:6px;font-size:10px;color:var(--muted);margin-top:10px}.metric-note .mini-pill{color:var(--green);background:#203a30;border:1px solid #3a5749;border-radius:4px;padding:2px 5px}
.two-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:22px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #28353a}.panel-header h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px}.panel-header p{font-size:10px;color:var(--muted);margin-top:7px}.panel-body{padding:22px}.text-link{border:0;background:none;color:var(--gold);font-size:11px;padding:4px;white-space:nowrap}.chart{height:180px;display:flex;align-items:flex-end;gap:13px;direction:ltr;padding:16px 4px 0;position:relative}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:11px;min-width:0}.chart-bar{width:100%;max-width:39px;background:linear-gradient(#d9b66d,#ad8a4566);border-radius:4px 4px 0 0;min-height:3px;transition:height .35s}.chart-column:nth-child(even) .chart-bar{background:linear-gradient(#73c7a3,#406f613b)}.chart-column small{color:#83979d;font-size:9px}.chart-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:10px}.chart-zero{height:185px;display:flex;align-items:center;justify-content:center;color:#71868b;font-size:12px;text-align:center;line-height:1.9}.wallet-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #26343a}.wallet-row:last-child{border:0}.currency-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:700;color:var(--gold);background:#353324;border:1px solid #4a4530;direction:ltr}.currency-icon.green{color:var(--green);background:#243a32;border-color:#34564a}.wallet-row .wallet-title{font-size:12px}.wallet-row .wallet-title small{display:block;font-size:10px;margin-top:6px}.wallet-row>.money{margin-right:auto;font-size:18px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;white-space:nowrap}.data-table th{background:#121d22;color:#80959b;font-size:10px;font-weight:400;padding:15px 22px;border-bottom:1px solid var(--border)}.data-table td{padding:16px 22px;border-bottom:1px solid #26363c;line-height:1.6}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#1c2a3080}.data-table td small{display:block;font-size:10px;margin-top:4px}.row-title{display:flex;align-items:center;gap:10px}.row-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#a9bebb;background:#293b3c;font-size:12px}.table-footer{padding:14px 22px;background:#142025;font-size:10px;color:#71878e;border-top:1px solid var(--border);display:flex;justify-content:space-between}.row-actions{display:flex;gap:6px}.section-gap{margin-bottom:22px}.toolbar{display:flex;gap:12px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border)}.toolbar input{max-width:300px;font-size:12px;min-height:36px;padding:8px 12px}.toolbar select{max-width:160px;font-size:12px;min-height:36px;padding:8px}.toolbar-count{margin-right:auto;font-size:11px;color:var(--muted)}.empty{padding:50px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.empty .empty-icon{width:47px;height:47px;display:grid;place-items:center;color:#81988d;border:1px solid #405247;border-radius:13px;background:#25332c}.empty h3{font-size:15px;color:#c9d7d2}.empty p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.9}.empty .button{margin-top:6px}.won-banner{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;background:linear-gradient(100deg,#2a2d24,#18262a);border:1px solid #7461385c;border-radius:var(--radius);margin-bottom:22px;gap:18px}.won-banner h2{font-size:18px;margin:7px 0}.won-banner p{font-size:11px;color:var(--muted)}.won-banner .balance{font-size:39px;color:var(--gold);font-weight:650}.won-banner .balance small{font-size:11px;font-weight:400}.banner-actions{display:flex;gap:9px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.contact-card-top{display:flex;gap:11px;align-items:center;margin-bottom:20px}.contact-card h3{font-size:15px}.contact-card .row-avatar{width:38px;height:38px;font-size:17px}.contact-card .phone{direction:ltr;text-align:right;margin-top:6px;font-size:12px;color:var(--muted)}.contact-card .contact-note{font-size:12px;line-height:1.9;color:var(--muted);min-height:25px;margin-bottom:15px;overflow-wrap:anywhere}.contact-meta{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px;margin-bottom:15px;font-size:11px;color:var(--muted)}.contact-card .row-actions{border-top:1px solid var(--border);padding-top:14px}.task-list{display:flex;flex-direction:column;gap:11px}.task-row{display:flex;align-items:center;gap:13px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:18px}.task-row .check{width:24px;height:24px;display:grid;place-items:center;background:transparent;border:1px solid #59634b;color:var(--gold);border-radius:6px}.task-row.completed{opacity:.55}.task-row.completed strong{text-decoration:line-through}.task-row strong{font-size:13px}.task-row small{display:block;margin-top:7px;font-size:11px}.task-row .pill{margin-right:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:25px}.settings-card h2{font-size:17px;margin-bottom:11px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.settings-status{padding:14px;background:#10221d;border:1px solid #345849;border-radius:9px;font-size:12px;color:var(--green);margin:17px 0}.settings-status.pending{color:var(--gold);border-color:#5b5136;background:#29281f}.settings-card .row-actions{flex-wrap:wrap}.settings-card code{direction:ltr;display:inline-block;background:#10191d;border-radius:5px;padding:3px 6px;color:var(--gold);font-size:11px}.file-input{font-size:12px;margin-bottom:12px}.settings-detail{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.8}.selection-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.selection-summary span{font-size:12px;background:var(--surface);border:1px solid var(--border);padding:10px 15px;border-radius:8px}.footer{display:flex;justify-content:space-between;color:#60767d;font-size:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:28px}.loading-panel{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:13px}.spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#362327;border:1px solid #7b4142;color:#edb4b3;padding:14px 18px;border-radius:9px;font-size:12px;line-height:1.8;margin-bottom:20px}.login-panel{max-width:520px;margin:70px auto;padding:44px;text-align:center}.login-panel h2{font-size:25px;margin:20px 0 15px}.login-panel p{color:var(--muted);font-size:13px;line-height:2;margin-bottom:25px}.login-panel .brand-mark{margin:auto}
dialog{width:560px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);border:1px solid #405047;border-radius:16px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 30px 110px #0008}dialog::backdrop{background:#081014bc;backdrop-filter:blur(4px)}.modal-header{padding:24px 26px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-header h2{font-size:23px}.modal-header .eyebrow{margin-bottom:7px}#modal-body{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:17px;display:flex;flex-direction:column;gap:9px}.form-grid .field{margin-bottom:0}.field label{font-size:12px;color:#c7d7d4}.field small{font-size:10px;line-height:1.8}.field.full{grid-column:1/-1}.form-section{font-size:12px;color:var(--gold);margin:23px 0 15px;padding-top:20px;border-top:1px solid var(--border)}.modal-footer{padding:19px 26px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center}.form-error{margin:0 26px 20px;font-size:12px;color:var(--red);background:#362427;padding:12px;border-radius:8px;line-height:1.8}.form-notice{color:var(--gold);background:#292b20;border:1px solid #535138;padding:13px;border-radius:9px;font-size:11px;line-height:1.9;margin-bottom:20px}.deal-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}.deal-choice{padding:23px 13px;background:#111c20;border:1px solid var(--border);border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--gold)}.deal-choice:hover{border-color:var(--gold);background:#23291f}.deal-choice b{color:var(--text);font-size:14px}.deal-choice small{font-size:11px}.toast{position:fixed;bottom:25px;left:25px;padding:15px 23px;max-width:calc(100% - 30px);border:1px solid #3f6c58;border-radius:10px;background:#173026;color:#9ce6c3;box-shadow:0 10px 40px #0005;z-index:100;font-size:13px}.toast.error{border-color:#89464c;background:#382326;color:#f1b2b5}.inline-currency{width:auto;max-width:100px;min-height:32px;font-size:11px;padding:4px 8px}.sidebar-shade{display:none}.mobile-menu{display:none}.hidden{display:none!important}[hidden]{display:none!important}.detail-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.detail-line:last-child{border:0}.break-word{overflow-wrap:anywhere;white-space:normal}.note-box{padding:12px 16px;line-height:1.9;font-size:12px;color:var(--muted);background:#111c20;border-radius:8px;margin-top:15px}.notice{border:1px solid #4c533c;background:#24291f;color:#c6cea9;border-radius:9px;padding:14px 18px;font-size:11px;line-height:1.9;margin-bottom:20px}
@media(min-width:1500px){.content{padding-top:42px}.metric{min-height:170px}.metric-value{font-size:37px}.chart{height:210px}}
@media(max-width:1200px){.sidebar{width:220px;padding-right:16px;padding-left:16px}.main{margin-right:220px;width:calc(100% - 220px)}.topbar{padding:0 25px}.content{padding:27px 25px 18px}.summary-grid{gap:11px}.metric{padding:17px}.metric-value{font-size:27px}.metric-head{font-size:11px}.metric-note{font-size:9px}.heading-actions{gap:8px}.page-heading h1{font-size:25px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table th,.data-table td{padding-left:16px;padding-right:16px}}
@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.two-columns{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.won-banner{flex-wrap:wrap}.won-banner .balance{font-size:31px}.won-banner .banner-actions{width:100%}}
@media(max-width:700px){:root{font-size:16px}.sidebar{transform:translateX(100%);transition:transform .2s;width:260px}.sidebar.open{transform:translateX(0)}.sidebar-shade.open{display:block;position:fixed;inset:0;background:#0009;z-index:29}.main{width:100%;margin:0}.topbar{height:64px;padding:0 18px}.mobile-menu{display:grid;border:0;font-size:19px}.topbar-tools{gap:11px}.top-avatar{display:none}.content{padding:23px 16px 18px}.eyebrow{font-size:11px}.page-heading{margin-bottom:22px;gap:18px}.page-heading h1{font-size:26px}.page-heading p:not(.eyebrow){font-size:12px}.heading-actions>.button{padding:10px 12px;font-size:11px}.metric{padding:17px 14px;min-height:147px;border-radius:11px}.metric-value{font-size:26px;margin-top:21px}.metric-head{font-size:11px}.metric-icon{width:25px;height:25px}.metric-icon svg{width:15px;height:15px}.metric-note{font-size:9px;line-height:1.7;flex-wrap:wrap}.summary-grid{gap:10px}.panel-header{padding:18px}.panel-header h2{font-size:14px}.panel-body{padding:18px}.data-table td,.data-table th{padding:14px 16px}.toolbar{padding:13px 15px;flex-wrap:wrap;gap:8px}.toolbar input{width:100%;max-width:none}.toolbar select{max-width:140px;flex:1}.toolbar-count{font-size:10px}.contact-grid{grid-template-columns:1fr}.won-banner{padding:22px 19px}.won-banner h2{font-size:16px}.won-banner .balance{font-size:30px}.banner-actions{flex-wrap:wrap}.banner-actions .button{flex:1}.footer{font-size:9px;gap:15px;line-height:1.7}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-header{padding:21px}#modal-body{padding:20px}.modal-footer{padding:17px 20px}.modal-header h2{font-size:21px}.settings-card{padding:21px}.settings-card .button{font-size:11px}.task-row{padding:15px 12px}.task-row strong{font-size:12px}.task-row .pill{font-size:9px}.selection-summary{gap:7px}.selection-summary span{font-size:11px;padding:9px 11px}.login-panel{padding:30px 20px;margin:30px auto}.toast{left:15px;bottom:15px}.period-picker select{width:85px}.deal-choices{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Readable functional text across desktop, mobile and text zoom. */
body{font-size:1rem}.nav-button,.button,.field label,.data-table td,.metric-head,.wallet-title,.contact-card .phone,.task-row strong,.detail-line,.settings-card p,.empty p,.notice{font-size:.875rem}.nav-label,.workspace-box label,.workspace-role,.page-heading p:not(.eyebrow),.eyebrow,.metric-note,.pill,.live-label,.table-footer,.data-table th,.data-table td small,.wallet-row .wallet-title small,.toolbar-count,.field small,.settings-detail,.contact-meta,.contact-note,.form-notice,.chart-caption,.chart-column small,.footer,.account b,.account small,.drive-mini,.drive-mini small{font-size:.75rem}.field label{display:flex;flex-direction:column;gap:9px}.button.small{font-size:.75rem}.metric-value{overflow-wrap:anywhere}.metric-value .money{white-space:normal}.metric-head{align-items:flex-start}.settings-card #csv-type{margin-bottom:13px}.wallet-actions{margin-top:17px}.brand small{font-size:.75rem}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-head{font-size:.875rem}.metric-note{font-size:.75rem}}@media(max-width:700px){.button,.heading-actions>.button{font-size:.875rem}.period-picker select,.period-picker input,.toolbar input,.toolbar select{font-size:.875rem}.heading-actions{flex-wrap:wrap}.data-table td{font-size:.875rem}.metric-value{font-size:28px}.chart-column small{font-size:.75rem}.footer{font-size:.75rem}}
.chart-height-1{height:6.75px}.chart-height-2{height:13.5px}.chart-height-3{height:20.25px}.chart-height-4{height:27px}.chart-height-5{height:33.75px}.chart-height-6{height:40.5px}.chart-height-7{height:47.25px}.chart-height-8{height:54px}.chart-height-9{height:60.75px}.chart-height-10{height:67.5px}.chart-height-11{height:74.25px}.chart-height-12{height:81px}.chart-height-13{height:87.75px}.chart-height-14{height:94.5px}.chart-height-15{height:101.25px}.chart-height-16{height:108px}.chart-height-17{height:114.75px}.chart-height-18{height:121.5px}.chart-height-19{height:128.25px}.chart-height-20{height:135px}
/* A quieter workspace with the supplied mountain scene. */
body:not(.auth-page){background:#0b111c}
body:not(.auth-page)::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,23,.62),rgba(8,16,30,.38)),url("/assets/mountain-v1.png") center/cover no-repeat;pointer-events:none}
:root{--surface:#121d2beF;--side:#0d1624f5;--border:#35445b;--muted:#a2b2c7;--text:#f0f3f8;--blue:#afc8ed;--radius:12px}
.sidebar{box-shadow:-12px 0 50px #03081230}.topbar{background:#0e1725e8}.top-avatar{display:none}
.content{padding-top:25px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){margin-top:6px}.page-heading .eyebrow{display:none}
.metric{min-height:140px;padding:19px;background:#111d2cf0}.metric.accent{background:linear-gradient(125deg,#233347f5,#172331f2);border-color:#60708c}.metric-value{margin-top:13px}
.panel,.contact-card,.task-row,.settings-card{background:#111c2bf2}.panel-header{padding:17px 21px}.data-table th{background:#142134;color:#b1bfd1}.data-table td{padding-top:13px;padding-bottom:13px}.table-footer{background:#101b2a;color:#a3b2c8}
.data-table:has(.row-actions) td:last-child,.data-table:has(.row-actions) th:last-child{position:sticky;left:0;background:#142133;box-shadow:8px 0 15px #050b1218}
.quick-actions{display:flex;gap:20px;align-items:center;padding:15px 18px;margin-bottom:22px;border:1px solid #465b78;background:#0d192bf0;border-radius:12px}
.quick-label{font-size:14px;font-weight:700;white-space:nowrap}.quick-label small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#aebcd0}
.quick-buttons{display:flex;gap:8px;flex-wrap:wrap;flex:1}.quick-buttons .button{flex:1;padding:10px 12px;min-height:43px}
.mobile-bottom{display:none}.footer{color:#a6b5ca}
dialog{width:680px;background:#131f30;border-color:#52627b;max-height:calc(100dvh - 32px)}
.modal-header{padding:18px 24px;background:#142134;position:sticky;top:0;z-index:2}.modal-header h2{font-size:21px}
#modal-body{padding:20px 24px}.modal-footer{position:sticky;bottom:0;z-index:2;background:#142134;padding:15px 24px;flex-wrap:wrap}.modal-footer .button{min-height:44px}
.trade-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#0a1422;padding:5px;border:1px solid #35465f;border-radius:9px;margin-bottom:20px}
.trade-tabs button{border:0;border-radius:6px;min-height:40px;background:transparent;color:#acbdd4;font-size:13px}
.trade-tabs button[aria-pressed=true]{background:#30405a;color:#fff;box-shadow:0 2px 8px #0002}
.payment-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px;padding:12px 0;border-bottom:1px solid #35445b;font-size:12px}
.payment-mode>div{display:flex;gap:6px}.payment-mode button{border:1px solid #465771;border-radius:7px;background:#142135;color:#b9c8dc;padding:9px 12px;font-size:12px}
.payment-mode button[aria-pressed=true]{background:#d9b66d;color:#17202b;border-color:#d9b66d}
.form-grid{gap:15px}.form-grid .field{margin-bottom:0}
.optional-fields{margin-top:20px;border-top:1px solid #35445b;padding-top:15px}
.optional-fields summary{cursor:pointer;color:#b8c8df;font-size:13px;padding:5px 0 14px}
.optional-fields .field:has(textarea){grid-column:1/-1}
.deal-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#0c1828;border:1px solid #3d506c;border-radius:9px;margin-top:20px;padding:15px}
.deal-preview>div{display:flex;flex-direction:column;gap:9px}.deal-preview>div>span{font-size:12px;color:#a5b7cf}.deal-preview strong{font-size:22px;font-weight:600}.deal-preview>small{grid-column:1/-1;border-top:1px solid #293e58;padding-top:11px;font-size:11px;line-height:1.8}
.inline-contact{margin-top:3px}.inline-contact .text-link{font-size:12px;padding:7px 0}.inline-contact-fields,#inline-contact-fields{display:grid;gap:8px;background:#0c1828;border:1px solid #3c506c;border-radius:8px;padding:10px}.inline-contact small{line-height:1.6}
@media(max-width:1100px){.quick-actions{align-items:flex-start;flex-direction:column;gap:12px}.quick-buttons{width:100%}.quick-label small{display:inline;margin-right:8px}.quick-buttons .button{font-size:12px}}
@media(max-width:700px){
 .content{padding:18px 12px 90px}.topbar{height:57px;padding:0 13px}.breadcrumb>span:first-of-type,.crumb-slash{display:none}
 .page-heading{gap:13px}.page-heading h1{font-size:24px}.page-heading p:not(.eyebrow){font-size:12px}
 .quick-actions{padding:13px;gap:12px;margin-bottom:18px;background:#0d192bf7}.quick-label small{display:none}
 .quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-buttons .button{font-size:13px;min-height:44px;padding:9px}
 .quick-buttons>.ghost{min-height:36px;padding:6px;font-size:12px}
 .summary-grid{gap:9px;margin-bottom:18px}.metric{padding:15px 12px;min-height:130px}.metric-value{font-size:27px}.metric-head{font-size:12px}.metric-note{font-size:11px}
 .mobile-bottom{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(5,1fr);z-index:25;background:#0c1727f7;border-top:1px solid #435570;padding:7px 6px max(7px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px #03081240}
 .mobile-bottom button{background:transparent;border:0;color:#9cafc8;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:43px;justify-content:center;border-radius:8px;font-size:11px}
 .mobile-bottom button[aria-current=page]{color:#e7c785;background:#293449}
 dialog{max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.modal-header{padding:15px 17px}.modal-header h2{font-size:19px}
 #modal-body{padding:16px}.form-grid{grid-template-columns:1fr 1fr;gap:13px}.field label{font-size:12px}.field input,.field select{font-size:16px;min-height:44px;padding:10px}
 .field:has(textarea),.field:has(.inline-contact),.field.full{grid-column:1/-1}.form-grid .field:has(input[name=cost]){grid-column:1/-1}
 .trade-tabs{gap:3px;padding:4px}.trade-tabs button{font-size:12px}.payment-mode{align-items:flex-start;flex-direction:column;gap:10px}.payment-mode>div{width:100%}.payment-mode button{flex:1}
 .modal-footer{padding:12px 15px;gap:7px}.modal-footer .button{font-size:12px;padding:10px 12px}#modal-repeat{flex:1}.modal-footer #cancel-modal{padding-inline:9px}
 .deal-preview strong{font-size:21px}.toast{bottom:82px}.sidebar{z-index:35}.sidebar-shade.open{z-index:34}
}

.mobile-trades{display:none}
@media(max-width:700px){.desktop-trades{display:none}.mobile-trades{display:block}.mobile-trade{padding:17px;border-bottom:1px solid #344259}.mobile-trade:last-child{border:0}.mobile-trade-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-trade-top strong{font-size:14px}.mobile-trade-top small{display:block;margin-top:6px;font-size:11px;line-height:1.7}.mobile-trade-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:18px 0}.mobile-trade-values>div{display:flex;flex-direction:column;gap:8px}.mobile-trade-values>div>span:first-child{font-size:11px;color:#a4b4ca}.mobile-trade-values .money{font-size:17px;white-space:normal;overflow-wrap:anywhere}.mobile-trade-values .money small{font-size:9px}.mobile-trade-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mobile-trade-actions>.pill{margin-left:auto}.mobile-trade-actions .button{min-height:36px}}

.overview-layout{display:flex;flex-direction:column}.overview-layout>.two-columns{order:2}

/* Direct period selection, with readable native year options. */
select{color-scheme:dark}select option{background:#142031;color:#f3f5f9}
.period-picker{position:relative;overflow:visible;direction:rtl}
.period-picker #period-toggle{width:auto;min-width:130px;padding:10px 14px;white-space:nowrap}
.period-picker #previous-month,.period-picker #next-month{font-size:24px;width:36px;min-height:42px}
#period-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:310px;max-width:calc(100vw - 40px);padding:14px;background:#111e30;border:1px solid #56677c;border-radius:14px;box-shadow:0 16px 40px #0008;z-index:30}
.period-menu-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.period-picker #year-input{width:96px;height:40px;padding:8px;background:#1c2c42;color:#fff;border:1px solid #66738a;border-radius:7px;font:inherit}
.period-picker #current-month{width:auto;white-space:nowrap;padding:8px;color:#e2c178}
#month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#month-grid button{width:auto;padding:10px 5px;color:#eef3fa;background:#1b2b41;border:1px solid transparent;border-radius:7px;font:inherit}
#month-grid button:hover{background:#2d415c}
#month-grid button[aria-pressed=true]{background:#d8b36b;color:#152030;font-weight:700}
.summary-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#c7d0df}
.summary-selector select{min-width:90px}
.deal-preview{flex-wrap:wrap}.deal-preview>div{min-width:100px}
@media(max-width:600px){#period-menu{inset-inline-start:0}.heading-actions{flex-wrap:wrap}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.won-pricing{padding:14px;margin:0 0 16px;background:#1a2b40;border:1px solid #455973;border-radius:10px}.won-pricing .field{margin-bottom:6px}.rate-list{display:flex;gap:10px;flex-wrap:wrap}

.rate-currency{padding:14px 0;border-bottom:1px solid #ffffff16}.rate-currency:last-child{border-bottom:0}.rate-currency h3{margin:0 0 12px;font-size:14px;color:#ddbd7c}

.command-panel{margin-bottom:18px;padding:18px;background:#101e30;border:1px solid #6b5c3d;border-radius:14px}.command-panel label{display:block;color:#e7ebf2;font-weight:600;margin-bottom:8px}.command-controls{display:flex;gap:10px;align-items:end}.command-controls>input{flex:1;min-width:0;min-height:46px}.command-controls .command-currency-label{font-size:11px;margin:0;min-width:115px}.command-currency-label select{width:100%;margin-top:5px}.command-panel p{margin:12px 0 6px;color:#debd75;font-size:13px}.command-panel small{color:#aebccc;font-size:11px}.command-panel p.negative{color:#ed9f9f}
@media(max-width:650px){.command-controls{flex-wrap:wrap}.command-controls>input{flex-basis:100%;width:100%}.command-controls .command-currency-label{flex:1}.command-controls .button{flex:1;min-height:44px}.command-panel{padding:14px}}

/* Email/password entry surface */
.auth-page{background:#10171b;min-height:100dvh}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:55px max(45px,8vw) 40px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 60%,#d9b66d10,transparent 60%),#131e22;border-left:1px solid #293b40;position:relative}.auth-story .brand{margin:0 0 75px}.auth-eyebrow{font-size:13px;color:var(--gold);margin-bottom:20px}.auth-story h1{font-size:clamp(38px,4.2vw,62px);line-height:1.55;letter-spacing:-1px}.auth-story h1 em{font-style:normal;color:var(--gold)}.auth-story>p{font-size:15px;color:var(--muted);line-height:2;max-width:360px;margin:24px 0 34px}.auth-preview{border:1px solid #3f4b40;border-radius:16px;background:#18232bcc;max-width:390px;box-shadow:0 20px 70px #0002;padding:4px 24px}.auth-preview>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);font-size:13px}.auth-preview>div:last-child{border:0}.auth-preview span{color:var(--muted)}.auth-preview b{font-weight:400;color:#d1ddd5}.auth-story-footer{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:55px}.auth-form-area{padding:70px 40px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:55px}.auth-card{width:100%;max-width:390px}.auth-lock{width:47px;height:47px;border:1px solid #706647;border-radius:13px;color:var(--gold);background:#d9b66d0a;display:grid;place-items:center;font-size:26px;margin-bottom:25px}.auth-card>.eyebrow{display:block}.auth-card h2{font-size:30px;letter-spacing:-.5px;margin-top:10px}.auth-intro{font-size:14px;color:var(--muted);line-height:1.9;margin:14px 0 32px}.auth-card .field{margin-bottom:23px}.auth-card input{min-height:49px}.password-control{position:relative}.password-control input{padding-left:65px;width:100%}.password-control button{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;border:0;background:none;color:var(--muted);padding:8px}.auth-submit{width:100%;min-height:49px;font-size:14px}.auth-forgot{background:none;border:0;color:var(--muted);display:block;margin:19px auto 0;font-size:13px}.auth-help,.auth-error{font-size:13px;line-height:1.9;margin:15px 0;padding:13px;border-radius:8px;background:#253126;color:#bad8c1}.auth-error{background:#382326;color:#f1b2b5}.auth-membership{display:flex;align-items:center;gap:13px;border-top:1px solid var(--border);padding-top:26px;margin-top:32px;color:var(--muted);font-size:13px;line-height:1.9}.auth-membership>span{font-size:24px;color:var(--gold)}.auth-membership small{font-size:12px}.auth-footer{font-size:12px;color:#6f8488}.activation-link{font-size:13px;direction:ltr;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap;width:100%;background:#101b1f;padding:14px;border:1px solid var(--border);border-radius:8px}.auth-card input:focus{border-color:var(--gold)}.auth-submit:disabled{opacity:.65;cursor:wait}@media(max-width:1000px){.auth-story{padding:40px}.auth-form-area{padding:50px 32px}.auth-story .brand{margin-bottom:48px}.auth-story h1{font-size:40px}}@media(max-width:700px){.auth-layout{display:flex;flex-direction:column}.auth-story{padding:24px;border-left:0;border-bottom:1px solid var(--border)}.auth-story .brand{margin:0}.auth-story h1,.auth-story>p,.auth-eyebrow,.auth-preview,.auth-story-footer{display:none}.auth-form-area{padding:32px 24px 25px;gap:35px;flex:1}.auth-lock{margin-bottom:19px}.auth-card h2{font-size:27px}.auth-intro{margin-bottom:26px}.auth-membership{margin-top:25px;padding-top:20px}}
