:root{--ink:#172033;--muted:#778197;--blue:#3988ff;--cyan:#41d4e8;--bg:#f4f7fb;--line:#e7ebf2;--navy:#0b1221;--card:#fff;--green:#17a879;--red:#ec5d68;font-family:'DM Sans',sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.03fr .97fr;background:#fff}.auth-brand{background:radial-gradient(ellipse at 15% 12%,#152b50 0,#0b1425 42%,#080d18 100%);color:white;padding:48px 7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-brand:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #223d65;border-radius:50%;right:-280px;bottom:-260px;box-shadow:0 0 0 50px #111f3533,0 0 0 110px #111f3522}.brand-lockup,.side-brand{display:flex;align-items:center;gap:10px;font:800 16px Manrope,sans-serif;letter-spacing:.4px}.brand-lockup img{width:43px;height:43px;object-fit:contain}.blue{color:#3b9bff}.brand-copy{margin:auto 0;max-width:510px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#479bff}.brand-copy h1{font:800 clamp(42px,5vw,68px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0}.brand-copy h1 span{background:linear-gradient(90deg,#4b9fff,#55dbea);background-clip:text;color:transparent}.brand-copy p{color:#a5b2c9;line-height:1.8;font-size:16px;max-width:400px}.auth-foot{color:#748199;font-size:12px;position:relative;z-index:1}.auth-foot span{margin:0 9px;color:#3a9bff}.auth-panel{display:grid;place-items:center;padding:35px}.auth-card{width:min(100%,410px)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:38px;gap:28px}.auth-tab{border:0;background:transparent;padding:0 2px 14px;color:#8791a3;font-weight:600;position:relative}.auth-tab.active{color:#1b263b}.auth-tab.active:after{content:'';position:absolute;height:2px;background:var(--blue);bottom:-1px;left:0;right:0}.auth-card h2{font:750 25px Manrope,sans-serif;margin:10px 0 8px;letter-spacing:-.6px}.muted{color:var(--muted);margin:0 0 27px}.auth-card label{font-size:12px;font-weight:600;display:block;margin:19px 0 8px}.auth-card input:not([type=checkbox]){display:block;width:100%;height:47px;margin-top:8px;padding:0 14px;border:1px solid #dfe4ed;border-radius:8px;outline:none;background:white}.auth-card input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#83b6ff;box-shadow:0 0 0 3px #3988ff14}.password-wrap{position:relative}.password-wrap input{padding-right:57px!important}.text-button{border:0;background:none;color:#397ee0;font-size:12px;font-weight:600}.password-wrap .text-button{position:absolute;right:10px;top:23px}.form-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 23px}.auth-card .check{display:flex;align-items:center;gap:7px;margin:0;font-weight:500;color:#647087}.check input{accent-color:var(--blue)}.primary{border:0;border-radius:8px;color:#fff;background:linear-gradient(100deg,#2775eb,#3c99ff);font-weight:700;padding:14px 18px;box-shadow:0 6px 14px #3188f32a}.primary span{float:right;font-size:18px;line-height:14px}.full{width:100%}.form-note{text-align:center;color:#9aa3b3;font-size:11px;margin-top:19px}.mobile-brand{display:none}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#a3aec3;width:250px;position:fixed;inset:0 auto 0 0;padding:20px 15px;display:flex;flex-direction:column;z-index:5}.side-brand{height:42px;color:white;padding-left:6px}.side-brand img{width:37px;height:37px;object-fit:contain}.workspace{display:flex;align-items:center;gap:11px;padding:22px 7px 20px;margin:13px 0 22px}.avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#245ab0,#32bfd4);display:grid;place-items:center;color:white;font-weight:700;font-size:11px}.workspace strong,.workspace small{display:block}.workspace strong{color:#f5f7fc;font-size:12px}.workspace small{font-size:10px;color:#8793a9;margin-top:4px}.chevron{margin-left:auto}.side-label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#68758e;padding:0 10px 9px}.spaced{margin-top:24px}.nav-item{border:0;background:transparent;color:#9eabc0;width:100%;display:flex;align-items:center;gap:12px;padding:11px 11px;border-radius:7px;text-align:left;font-size:12px;font-weight:500;margin:2px 0}.nav-item>span:first-child{font-size:16px;width:18px;text-align:center;color:#8290a8}.nav-item:hover{background:#151f31;color:white}.nav-item.active{background:linear-gradient(90deg,#17315a,#14233c);color:#fff}.nav-item.active>span:first-child{color:#58a6ff}.nav-badge{margin-left:auto;color:#73d8e8;font-size:8px;letter-spacing:.5px}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(140deg,#152943,#111d30);border:1px solid #253852;border-radius:9px;padding:14px;margin:0 2px 15px;position:relative}.help-icon{color:#50a4ff;position:absolute;right:13px;top:14px}.help-card strong{color:#edf3ff;font-size:12px}.help-card p{font-size:10px;color:#9ba9c0;margin:6px 0 10px}.help-card button{padding:0;color:#66adff;border:0;background:none;font-size:10px;font-weight:700}.help-card button span{margin-left:6px}.logout{color:#e58b96}.main{margin-left:250px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:4}.breadcrumbs{font-size:11px;color:#9aa3b2}.breadcrumbs span{padding:0 10px;color:#c1c8d2}.breadcrumbs strong{color:#313d52;font-weight:600}.top-actions{margin-left:auto;display:flex;align-items:center;gap:19px}.demo-pill{font-size:8px;letter-spacing:.8px;font-weight:700;color:#9a6b12;background:#fff8e8;border:1px solid #f3e3b8;border-radius:20px;padding:7px 10px}.demo-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e3a52c;margin:0 5px 1px 0}.balance-pill{border:1px solid #dce8fb;background:#f5f9ff;border-radius:7px;padding:7px 10px;color:#327ad8;font-size:12px}.balance-pill small{font-size:10px;color:#8492a8;margin-left:4px}.user-chip{background:none;border:0;display:flex;align-items:center;gap:8px;color:#47536a;font-size:11px}.avatar.small{width:28px;height:28px;border-radius:8px;font-size:9px}.content{max-width:1400px;margin:0 auto;padding:31px 36px 60px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-heading h1{font:750 22px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 7px}.page-heading p{margin:0;color:#8993a5;font-size:12px}.heading-right{display:flex;gap:9px}.button-secondary,.button-primary{border:1px solid #e2e7ef;background:white;border-radius:7px;padding:10px 13px;color:#536078;font-size:11px;font-weight:600}.button-primary{background:#317fe9;color:white;border-color:#317fe9}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #e8edf3;border-radius:10px;box-shadow:0 2px 6px #1a315008}.stat-card{padding:17px;min-height:104px;display:flex;align-items:center;gap:12px}.stat-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:16px;background:#eef5ff;color:#3885ef}.stat-icon.green{background:#e8f8f2;color:#1cac7e}.stat-icon.purple{background:#f2edff;color:#8465d8}.stat-icon.orange{background:#fff4e8;color:#e69a34}.stat-label{color:#8d97a9;font-size:10px;font-weight:600}.stat-value{font:750 22px Manrope,sans-serif;margin-top:5px;letter-spacing:-.5px}.stat-foot{color:#9ba4b3;font-size:9px;margin-top:3px}.dashboard-grid{grid-template-columns:1.65fr 1fr}.panel{padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h3{font:700 13px Manrope,sans-serif;margin:0}.panel-head a,.link-button{color:#347fe2;text-decoration:none;font-size:10px;font-weight:600;border:0;background:none}.chart{height:180px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#eff2f7 44px,#eff2f7 45px);border-bottom:1px solid #edf0f5;padding:15px 8px 0}.chart svg{width:100%;height:150px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#a1aabc;padding:8px 3px}.activity-list{display:grid;gap:17px}.activity{display:flex;align-items:center;gap:11px}.activity-mark{width:30px;height:30px;border-radius:8px;background:#eaf4ff;color:#3885ef;display:grid;place-items:center}.activity strong{display:block;font-size:10px;color:#364157}.activity small{display:block;color:#9aa4b4;font-size:9px;margin-top:4px}.activity .amount{margin-left:auto;font-size:10px;color:#566278}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.quick-action{border:1px solid #e8edf3;background:white;text-align:left;border-radius:8px;padding:12px;color:#4b5870}.quick-action strong{display:block;font-size:10px;margin-top:8px}.quick-action small{font-size:9px;color:#9aa4b3}.quick-action span{font-size:16px;color:#347fe2}.panel-title{font:700 13px Manrope,sans-serif;margin:0 0 5px}.panel-subtitle{font-size:10px;color:#9aa4b3;margin:0 0 17px}.composer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);gap:17px;align-items:start}.field{display:block;margin:15px 0}.field>span,.field-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;color:#59657b;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe5ed;border-radius:7px;background:#fff;padding:11px 12px;outline:none;color:#26324a;font-size:11px}.field textarea{min-height:126px;resize:vertical;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#a9b1bf}.field-hint{font-size:9px;color:#9aa4b3;margin-top:6px;line-height:1.5}.recipient-box{position:relative}.recipient-box textarea{min-height:94px}.segmentation{display:flex;justify-content:space-between;color:#939daf;font-size:9px;margin-top:7px}.recipient-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{background:#edf5ff;color:#397cce;border-radius:4px;padding:4px 7px;font-size:9px}.review-box{background:#f7f9fc;border:1px solid #e9edf4;border-radius:7px;padding:13px;margin:15px 0}.review-row{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;color:#8893a6}.review-row strong{color:#4a566c}.consent{display:flex;align-items:flex-start;gap:8px;font-size:9px;color:#788398;line-height:1.5;margin:15px 0}.consent input{accent-color:#367fe8;margin-top:1px}.wide{width:100%;padding:12px}.warning{padding:10px;border-radius:7px;background:#fff8e8;border:1px solid #f3e7c3;color:#8e7132;font-size:9px;line-height:1.55;margin-top:13px}.preview-message{border-radius:10px 10px 10px 2px;background:#eef4fc;padding:14px;color:#526078;font-size:11px;line-height:1.6;min-height:85px;white-space:pre-wrap}.preview-label{font-size:9px;color:#a0a8b7;margin:0 0 8px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;background:#f8f9fb;color:#929cad;font-size:9px;letter-spacing:.3px;padding:11px 12px;font-weight:700}.data-table td{border-top:1px solid #eff1f5;padding:12px;color:#515d72;font-size:10px}.data-table td strong{color:#273249}.status{padding:5px 8px;border-radius:20px;background:#eaf7f1;color:#14916b;font-size:9px}.status.demo{background:#fff6e5;color:#b17c16}.empty{padding:30px;text-align:center;color:#98a2b2;font-size:11px}.filter-row{display:flex;gap:9px;margin-bottom:15px}.filter-row input,.filter-row select{border:1px solid #e3e8ef;border-radius:6px;padding:9px 10px;background:white;color:#59657a;font-size:10px}.filter-row input{min-width:220px}.lookup-result{display:flex;align-items:center;gap:12px;border:1px solid #e6ebf2;background:#f8fafc;padding:14px;border-radius:8px;margin-top:14px}.lookup-result strong{display:block;font-size:12px}.lookup-result small{display:block;color:#8d98aa;font-size:10px;margin-top:4px}.check-icon{width:31px;height:31px;display:grid;place-items:center;background:#e8f7f1;color:#17a879;border-radius:50%}.funds-grid{grid-template-columns:1fr 1fr}.qr-placeholder{width:154px;height:154px;border:1px dashed #cbd4e2;border-radius:10px;display:grid;place-items:center;margin:17px auto;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 8px,#f1f5f9 8px,#f1f5f9 16px);color:#8492a8;font-size:10px;text-align:center;padding:20px}.admin-grid{grid-template-columns:repeat(3,1fr)}.admin-card{border:1px solid #e7ecf2;border-radius:8px;padding:15px}.admin-card span{color:#909bad;font-size:9px}.admin-card strong{display:block;font:700 20px Manrope;margin:8px 0 3px}.admin-card small{font-size:9px;color:#a1a9b7}.admin-table td:last-child{color:#8792a4}#mobile-menu{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#152136;color:white;border-radius:8px;padding:12px 17px;font-size:11px;box-shadow:0 8px 28px #16223d35;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:25px 22px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar{padding:0 20px}.composer-layout{grid-template-columns:1fr 250px}}
@media(max-width:720px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:24px;min-height:100vh}.mobile-brand{display:block;text-align:center;margin-bottom:22px}.mobile-brand img{width:60px;height:60px;object-fit:contain}.auth-tabs{margin-bottom:27px}.sidebar{transform:translateX(-100%);transition:.2s;width:260px}.sidebar.open{transform:translateX(0);box-shadow:8px 0 25px #101b3024}.main{margin-left:0}.topbar{height:58px;padding:0 14px}.breadcrumbs{display:none}#mobile-menu{display:block;border:0;background:none;color:#506078;font-size:18px}.top-actions{gap:8px}.demo-pill{display:none}.user-chip>span:nth-child(2){display:none}.content{padding:22px 14px}.page-heading h1{font-size:19px}.page-heading{gap:10px}.stats{gap:9px}.stat-card{padding:12px;min-height:84px;gap:8px}.stat-icon{width:31px;height:31px}.stat-value{font-size:17px}.stat-label{font-size:9px}.stat-foot{font-size:8px}.composer-layout,.funds-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr 1fr}.heading-right .button-secondary{display:none}.panel{padding:15px}.filter-row{flex-wrap:wrap}.filter-row input{min-width:0;flex:1}.balance-pill small{display:none}}

.theme-toggle{width:32px;height:32px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;color:#576783;font-size:16px;display:grid;place-items:center}.theme-toggle:hover{border-color:#9ec5fa;color:#2676df}.route-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.route-entry{display:flex;align-items:center;gap:8px;border:1px solid #dce8f7;background:#f4f8ff;color:#365780;border-radius:8px;padding:6px 7px 6px 10px;font-size:11px}.route-delete{width:22px;height:22px;border:0;border-radius:6px;background:#fff0f0;color:#c84250;font-size:17px;line-height:1}.route-delete:hover{background:#ffe0e3}.user-toggle,.user-delete{padding:7px 9px;font-size:10px}.user-delete:hover{color:#c53949;border-color:#f2b5bb}
body[data-theme="dark"]{--ink:#e5ecf8;--muted:#9eabc2;--bg:#0a1220;--line:#263449;--card:#111c2d;color:var(--ink)}body[data-theme="dark"] .main{background:#0a1220}body[data-theme="dark"] .topbar,body[data-theme="dark"] .panel,body[data-theme="dark"] .stat-card,body[data-theme="dark"] .button-secondary,body[data-theme="dark"] .quick-action{background:#111c2d;color:#dce6f5;border-color:#263449}body[data-theme="dark"] .breadcrumbs strong,body[data-theme="dark"] .panel-head h3,body[data-theme="dark"] .panel-title,body[data-theme="dark"] .stat-value,body[data-theme="dark"] .workspace strong{color:#e5ecf8}body[data-theme="dark"] .field input,body[data-theme="dark"] .field textarea,body[data-theme="dark"] .field select,body[data-theme="dark"] .filter-row input,body[data-theme="dark"] .filter-row select{background:#0b1524;color:#e5ecf8;border-color:#314158}body[data-theme="dark"] .data-table th{background:#172438;color:#9eabc2}body[data-theme="dark"] .data-table td{border-color:#25354b;color:#becbe0}body[data-theme="dark"] .review-box,body[data-theme="dark"] .preview-message{background:#172438;border-color:#2a3b52;color:#c2cee0}body[data-theme="dark"] .theme-toggle{background:#172438;color:#f6cf6a;border-color:#314158}body[data-theme="dark"] .route-entry{background:#17283d;color:#bbd6ff;border-color:#2c4563}body[data-theme="dark"] .route-delete{background:#3a202a;color:#ff9aa4}body[data-theme="dark"] .page-heading p,body[data-theme="dark"] .panel-subtitle,body[data-theme="dark"] .field-hint{color:#9eabc2}

.route-entry>span{display:flex;flex-direction:column;gap:3px}.route-entry small{font-size:9px;opacity:.68}.route-edit{border:1px solid #dce5f0;border-radius:6px;background:#fff;color:#2676df;padding:4px 7px;font-size:10px}.route-edit:hover{background:#edf5ff}body[data-theme="dark"] .route-edit{background:#172438;color:#9ec5fa;border-color:#314158}