:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#f9fafc;--surface-3:#eef2f7;--line:#e9edf3;--line-strong:#dce3ed;--ink:#172033;--muted:#718096;--soft:#9aa5b5;--navy:#111a2e;--navy-2:#1a2740;--mint:#79e3c3;--mint-deep:#1f9b7c;--blue:#5856d6;--blue-2:#7974f4;--blue-soft:#eeedff;--green:#16896f;--green-soft:#e9f8f3;--amber:#b87820;--amber-soft:#fff5e6;--red:#ca4c54;--red-soft:#fff0f0;--shadow:0 12px 36px rgba(26,39,64,.06);--shadow-lg:0 24px 80px rgba(15,24,42,.2);--radius:16px;--radius-sm:11px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-theme="dark"]{color-scheme:dark;--bg:#0c1322;--surface:#121c2d;--surface-2:#172235;--surface-3:#202c40;--line:#25334a;--line-strong:#32435d;--ink:#edf2fa;--muted:#a1aec0;--soft:#718198;--navy:#0e1728;--navy-2:#17243a;--blue-soft:#242446;--green-soft:#18382f;--amber-soft:#3b2e1c;--red-soft:#3c252a;--shadow:0 12px 36px rgba(0,0,0,.2);--shadow-lg:0 24px 80px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(88,86,214,.28);outline-offset:2px}a{color:var(--blue);text-decoration:none}.hidden{display:none!important}.eyebrow{color:#7b84a0;font-size:10px;font-weight:750;letter-spacing:.15em;line-height:1.2}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:760;letter-spacing:-.065em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff}.brand-mark svg{width:32px;height:32px}.brand-accent{color:var(--mint)}.brand-dark{color:var(--navy)}.brand-dark .brand-accent{color:#31b895}.brand-light{color:#fff}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.icon-btn svg,[data-icon] svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* sign in */
.login-screen{min-height:100svh;display:grid;grid-template-columns:minmax(360px,1.04fr) minmax(460px,.96fr);background:var(--surface)}.login-art{background:radial-gradient(ellipse at 7% 92%,rgba(71,121,143,.23),transparent 32%),radial-gradient(ellipse at 91% 7%,rgba(105,90,215,.22),transparent 31%),linear-gradient(145deg,#141e33 0%,#17233a 48%,#102632 100%);position:relative;overflow:hidden;min-height:720px;color:#fff}.art-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(130deg,black 15%,transparent 85%)}.art-orbit{position:absolute;border:1px solid rgba(136,183,194,.13);border-radius:50%;pointer-events:none}.orbit-one{width:620px;height:620px;right:-250px;top:60px}.orbit-two{width:430px;height:430px;right:-155px;top:155px;border-color:rgba(121,227,195,.12)}.art-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;padding:44px clamp(38px,6vw,92px) 32px}.art-copy{margin:auto 0;padding:90px 0 85px;max-width:510px}.art-copy .eyebrow{color:#81d9c3}.art-copy h1{font-size:clamp(46px,5.4vw,76px);line-height:1.02;letter-spacing:-.065em;font-weight:680;margin:23px 0 20px}.art-copy p{color:#abb7c8;font-size:16px;line-height:1.8;max-width:410px;margin:0}.art-stat{display:flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);backdrop-filter:blur(8px);padding:14px 17px;border-radius:14px;max-width:400px}.stat-ring{position:relative;width:44px;height:44px;display:grid;place-items:center;color:#83e4c3}.stat-ring svg{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg)}.stat-ring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:3}.stat-ring .ring-progress{stroke:#7fe0c1;stroke-dasharray:95 120;stroke-linecap:round}.stat-ring span{font-size:20px;font-weight:700}.art-stat strong,.art-stat small{display:block}.art-stat strong{font-size:12px;font-weight:620}.art-stat small{font-size:11px;color:#97a5b8;margin-top:3px}.art-footer{display:flex;gap:12px;align-items:center;color:#8390a4;font-size:9px;font-weight:720;letter-spacing:.12em}.footer-dot{width:3px;height:3px;border-radius:50%;background:#78dec0}.login-panel{min-height:100svh;display:flex;flex-direction:column;padding:35px clamp(28px,6vw,100px) 24px;background:var(--surface)}.login-top{display:flex;justify-content:space-between;align-items:center}.login-theme{width:38px;height:38px}.login-form-wrap{width:min(100%,398px);margin:auto;transform:translateY(-8px)}.login-heading{margin-bottom:30px}.login-heading .eyebrow{color:#7d81b1}.login-heading h2{font-size:28px;letter-spacing:-.045em;margin:9px 0 7px;font-weight:690}.login-heading p{color:var(--muted);margin:0;font-size:13px}.field-label{display:block;font-size:11px;font-weight:650;color:var(--ink);margin:17px 0 7px}.field-label-row{display:flex;justify-content:space-between;align-items:center}.field-label-row a{font-size:11px;font-weight:600}.input-wrap{height:46px;display:flex;align-items:center;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:0 12px;gap:10px;transition:border-color .16s,box-shadow .16s}.input-wrap:focus-within{border-color:#8480ea;box-shadow:0 0 0 3px rgba(88,86,214,.1)}.field-icon{display:flex;color:#9aa4b5}.field-icon svg{width:17px;height:17px}.input-wrap input{height:100%;border:0;outline:0;background:transparent;color:var(--ink);min-width:0;flex:1;font-size:13px}.input-wrap input::placeholder{color:#abb4c1}.password-toggle{border:0;background:none;padding:4px;color:var(--soft);cursor:pointer;display:grid;place-items:center}.password-toggle svg{width:17px;height:17px}.captcha-row{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:12px}.captcha-row .field-label{margin:0 0 2px}.captcha-hint{font-size:10px;color:var(--muted);margin:0}.captcha-box{display:flex;align-items:center;gap:9px;border:1px dashed var(--line-strong);border-radius:9px;padding:5px 7px 5px 11px;background:var(--surface-2)}.captcha-box span{font-size:12px;font-weight:700;letter-spacing:.05em}.captcha-box input{width:45px;height:29px;border:1px solid var(--line);border-radius:6px;background:var(--surface);text-align:center;color:var(--ink);outline:none}.captcha-box input::placeholder{color:#a8b1bf}.form-error{min-height:18px;color:var(--red);font-size:11px;margin-top:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:10px 15px;min-height:40px;font-size:12px;font-weight:650;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(88,86,214,.18)}.btn-primary:hover{background:#4947c2;transform:translateY(-1px);box-shadow:0 7px 16px rgba(88,86,214,.24)}.btn-primary svg{width:16px;height:16px}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover{background:var(--surface-2);border-color:#b6c0d0}.btn-quiet{border-color:transparent;background:transparent;color:var(--muted)}.btn-quiet:hover{background:var(--surface-3);color:var(--ink)}.btn-danger{background:var(--red-soft);color:var(--red);border-color:transparent}.btn-wide{width:100%;height:46px;margin-top:4px}.btn-arrow{display:inline-flex;margin-left:auto}.login-submit{justify-content:space-between;padding:0 15px}.demo-note{display:flex;align-items:flex-start;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--muted);padding:10px 11px;margin-top:18px;font-size:10px;line-height:1.55}.demo-note strong{color:var(--ink);font-weight:700}.demo-pulse{width:7px;height:7px;flex:none;border-radius:50%;background:#36b993;box-shadow:0 0 0 4px rgba(54,185,147,.12);margin:4px 1px 0}.login-foot{font-size:10px;color:var(--muted);text-align:center;margin:24px 0 0}.login-foot span{color:var(--ink);font-weight:630}.login-copyright{font-size:9px;color:var(--soft);text-align:center;margin-top:28px}.login-copyright span{margin:0 7px}.back-link{border:0;background:none;color:var(--muted);cursor:pointer;padding:0;font-size:11px;display:flex;gap:7px;align-items:center;margin:0 0 26px}.back-link:hover{color:var(--ink)}.back-link svg{width:14px;height:14px}
/* app frame */
.app-frame{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:255px;position:fixed;z-index:30;inset:0 auto 0 0;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:20px 15px 14px;transition:width .22s,transform .22s;overflow:hidden}.side-brand{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 7px;margin-bottom:24px}.side-collapse{width:28px;height:28px;color:#78879d}.side-collapse:hover{background:rgba(255,255,255,.08);color:#fff}.workspace-label,.nav-caption{color:#728199;font-size:9px;font-weight:740;letter-spacing:.14em;padding:0 10px;margin-bottom:9px}.business-switcher{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;border-radius:11px;padding:9px;margin:0 0 24px;cursor:pointer;transition:.18s}.business-switcher:hover{background:rgba(255,255,255,.08)}.business-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#6884ff,#42bfa1);color:#fff;font-size:10px;font-weight:760;flex:none}.business-label{min-width:0;flex:1}.business-label strong,.business-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-label strong{font-size:11px;font-weight:620}.business-label small{color:#8593a8;font-size:9px;margin-top:2px}.switch-chevron{color:#8896ab;display:grid}.switch-chevron svg{width:15px;height:15px}.nav-caption{margin-bottom:8px}.primary-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#303c52 transparent;padding:0 0 10px}.nav-item{height:39px;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#9ba8ba;border-radius:9px;text-align:left;padding:0 11px;cursor:pointer;font-size:11px;font-weight:560;transition:background .16s,color .16s;position:relative}.nav-item:hover{background:rgba(255,255,255,.055);color:#e9edf4}.nav-item.active{color:#aaf0dc;background:linear-gradient(90deg,rgba(108,221,188,.15),rgba(108,221,188,.04))}.nav-item.active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:3px;background:#7fe4c2}.nav-item svg{width:16px;height:16px;opacity:.92;flex:none}.nav-item span.label{flex:1}.nav-count{font-size:9px;padding:2px 6px;border-radius:12px;color:#c0cad7;background:rgba(255,255,255,.09)}.sidebar-bottom{margin-top:auto}.secure-card{display:flex;align-items:center;gap:9px;margin:10px 0 13px;padding:10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);position:relative}.secure-icon{color:#80dcbf;display:grid}.secure-icon svg{width:16px;height:16px}.secure-card strong,.secure-card small{display:block}.secure-card strong{font-size:9px;font-weight:650;color:#e1e7ed}.secure-card small{font-size:8px;color:#8290a3;margin-top:2px}.secure-dot{position:absolute;right:10px;top:13px;width:5px;height:5px;background:#61d8b6;border-radius:50%;box-shadow:0 0 0 4px rgba(97,216,182,.09)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 4px 1px;border-top:1px solid rgba(255,255,255,.08)}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:750;color:#fff;background:linear-gradient(145deg,#c48b74,#8d658b)}.avatar-small{width:30px;height:30px;flex:none}.sidebar-user-text{min-width:0;flex:1}.sidebar-user-text strong,.sidebar-user-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-text strong{font-size:10px;font-weight:620}.sidebar-user-text small{font-size:9px;color:#8290a3;margin-top:1px}.user-menu-btn{width:26px;height:26px;color:#8290a3}.user-menu-btn:hover{background:rgba(255,255,255,.07);color:#fff}.user-menu-btn svg{width:15px;height:15px}.main-shell{margin-left:255px;min-width:0;width:calc(100% - 255px);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .22s,width .22s}.topbar{height:65px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,42px);position:sticky;top:0;z-index:15}.topbar-left,.topbar-actions{display:flex;align-items:center}.topbar-left{gap:10px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:650}.crumb-sep{color:#c0c8d3}.topbar-actions{gap:10px}.topbar-date{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-right:9px}.topbar-date svg{width:15px;height:15px}.topbar-actions .icon-btn{width:34px;height:34px;position:relative}.global-search-btn{border:1px solid var(--line)!important;width:auto!important;padding:0 7px!important;gap:7px}.global-search-btn svg{width:14px;height:14px}.global-search-btn kbd{border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--soft);font:9px var(--font);white-space:nowrap}.notification-btn i{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:#ea6b73;border:1px solid var(--surface)}.top-avatar{width:31px;height:31px;margin-left:2px}.mobile-menu{display:none;width:34px;height:34px}.page-main{width:100%;max-width:1640px;margin:0 auto;padding:28px clamp(18px,3vw,42px) 26px;flex:1}.app-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px clamp(18px,3vw,42px);font-size:9px;color:var(--soft)}.app-footer b{font-weight:650;color:var(--muted);margin-left:4px}.live-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:#2ab28f;margin-right:4px}.sidebar-collapsed .sidebar{width:76px;padding:20px 11px 14px}.sidebar-collapsed .main-shell{margin-left:76px;width:calc(100% - 76px)}.sidebar-collapsed .side-brand{justify-content:center;padding:0}.sidebar-collapsed .side-brand .brand>span:not(.brand-mark),.sidebar-collapsed .side-collapse,.sidebar-collapsed .workspace-label,.sidebar-collapsed .business-label,.sidebar-collapsed .switch-chevron,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-item span.label,.sidebar-collapsed .nav-count,.sidebar-collapsed .secure-card div,.sidebar-collapsed .secure-dot,.sidebar-collapsed .sidebar-user-text,.sidebar-collapsed .user-menu-btn{display:none}.sidebar-collapsed .business-switcher{justify-content:center;padding:7px;margin-bottom:24px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .nav-item.active::before{left:-11px}.sidebar-collapsed .secure-card{justify-content:center;padding:9px}.sidebar-collapsed .sidebar-user{justify-content:center;padding:12px 0 0}
/* shared page elements */
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 23px}.page-heading .eyebrow{display:block;margin-bottom:7px}.page-heading h1{margin:0;font-size:26px;line-height:1.14;letter-spacing:-.05em;font-weight:690}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:11px}.heading-actions{display:flex;align-items:center;gap:8px}.btn svg{width:15px;height:15px}.btn .plus-icon{width:15px;height:15px}.date-filter,.select-filter{display:flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:9px;min-height:37px;padding:0 10px;font-size:10px;cursor:pointer}.date-filter svg{width:14px;height:14px;color:var(--muted)}.select-filter{appearance:none;padding-right:27px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 4 4 4-4' fill='none' stroke='%23818ca0' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px 10px}.card-title{margin:0;font-size:12px;font-weight:670;letter-spacing:-.01em}.card-subtitle{font-size:9px;color:var(--muted);margin-top:3px}.card-body{padding:10px 19px 17px}.link-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--blue);cursor:pointer;font-size:10px;font-weight:650;padding:4px}.link-button:hover{color:#3735a7}.link-button svg{width:13px;height:13px}.subtle{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.positive{color:var(--green)}.negative{color:var(--red)}.neutral-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;background:var(--surface-3);color:var(--muted);font-size:9px;font-weight:620;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:650;white-space:nowrap}.status-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-ok{color:var(--green);background:var(--green-soft)}.status-warn{color:var(--amber);background:var(--amber-soft)}.status-danger{color:var(--red);background:var(--red-soft)}.mini-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:9px;font-weight:700;color:#fff}.avatar-teal{background:linear-gradient(135deg,#36a98d,#73d5b3)}.avatar-violet{background:linear-gradient(135deg,#726ce1,#a59bfa)}.avatar-orange{background:linear-gradient(135deg,#cb8548,#edb568)}.avatar-blue{background:linear-gradient(135deg,#4d7dc5,#72a9ea)}.avatar-rose{background:linear-gradient(135deg,#be6875,#e6999d)}.avatar-slate{background:linear-gradient(135deg,#586980,#94a2b3)}.empty-state{text-align:center;padding:40px 18px;color:var(--muted)}.empty-state .empty-icon{width:44px;height:44px;border-radius:14px;background:var(--surface-3);display:grid;place-items:center;color:var(--soft);margin:0 auto 12px}.empty-state .empty-icon svg{width:20px;height:20px}.empty-state h3{font-size:13px;color:var(--ink);margin:0 0 5px}.empty-state p{max-width:330px;margin:0 auto 14px;font-size:10px;line-height:1.6}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.data-table th{font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--soft);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-2)}.data-table .right{text-align:right}.data-table .muted-cell{color:var(--muted)}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell strong{font-size:10px;font-weight:650}.person-cell small{font-size:9px;color:var(--muted);margin-top:2px}.table-actions{display:flex;justify-content:flex-end;gap:4px}.table-action{width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--soft);display:grid;place-items:center;cursor:pointer}.table-action:hover{background:var(--surface-3);color:var(--ink)}.table-action svg{width:14px;height:14px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.search-input{height:34px;min-width:200px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.search-input svg{width:14px;height:14px;color:var(--soft);flex:none}.search-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.search-input input::placeholder{color:var(--soft)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
/* dashboard */
.dashboard-greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-greeting h1{font-size:24px;letter-spacing:-.055em;margin:0;font-weight:690}.dashboard-greeting p{font-size:10px;color:var(--muted);margin:6px 0 0}.dashboard-greeting .heading-actions{align-self:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.kpi-card{padding:16px 17px 15px;min-height:133px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:10px;color:var(--muted);font-weight:580}.kpi-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.kpi-icon svg{width:15px;height:15px}.kpi-icon.purple{color:#6c62e8;background:#f0efff}.kpi-icon.mint{color:#18987a;background:#e7f8f2}.kpi-icon.amber{color:#bf812b;background:#fff5e9}.kpi-icon.blue{color:#5183c8;background:#eaf3ff}.kpi-value{font-size:23px;line-height:1.15;letter-spacing:-.05em;font-weight:710;margin:14px 0 5px;font-variant-numeric:tabular-nums}.kpi-value small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0}.kpi-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.trend-up{display:inline-flex;align-items:center;gap:3px;color:var(--green);font-weight:680}.trend-down{color:var(--red);font-weight:680}.trend-up svg{width:11px;height:11px}.kpi-accent-line{position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#716ce6,rgba(113,108,230,0))}.kpi-card:nth-child(2) .kpi-accent-line{background:linear-gradient(90deg,#55c0a0,transparent)}.kpi-card:nth-child(3) .kpi-accent-line{background:linear-gradient(90deg,#e6a54e,transparent)}.kpi-card:nth-child(4) .kpi-accent-line{background:linear-gradient(90deg,#73a9e7,transparent)}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(275px,.92fr);gap:14px;margin-bottom:14px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr);gap:14px}.chart-card{min-height:303px}.chart-card .card-header{padding-bottom:0}.chart-legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.primary{background:#6d68dd}.legend-dot.secondary{background:#78dec0}.chart-wrap{padding:7px 16px 0}.settlement-chart{width:100%;height:184px;overflow:visible}.chart-grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.chart-y-label,.chart-x-label{fill:var(--soft);font:9px var(--font)}.chart-line{fill:none;stroke:#716ddf;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#chartFill)}.chart-point{fill:var(--surface);stroke:#716ddf;stroke-width:2}.chart-note{font-size:9px;color:var(--soft);display:flex;justify-content:space-between;padding:0 2px 12px}.gateway-card{min-height:303px}.gateway-total{font-size:24px;letter-spacing:-.05em;font-weight:690;margin:10px 0 3px}.gateway-total small{font-size:10px;color:var(--muted);font-weight:550;letter-spacing:0}.gateway-stack{height:7px;border-radius:10px;overflow:hidden;background:var(--surface-3);display:flex;margin:16px 0 17px}.gateway-stack span{display:block;height:100%}.gateway-stack .gateway-one{background:linear-gradient(90deg,#726ade,#918afa)}.gateway-stack .gateway-two{background:linear-gradient(90deg,#6cd1b4,#9be6d4)}.gateway-rows{display:flex;flex-direction:column;gap:12px}.gateway-row{display:flex;align-items:center;gap:8px}.gateway-symbol{width:28px;height:28px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--ink);font-size:9px;font-weight:750}.gateway-row-text{flex:1;min-width:0}.gateway-row-text strong,.gateway-row-text small{display:block}.gateway-row-text strong{font-size:10px;font-weight:650}.gateway-row-text small{font-size:9px;color:var(--muted);margin-top:1px}.gateway-row-amount{text-align:right}.gateway-row-amount strong{display:block;font-size:10px;font-weight:650}.gateway-row-amount small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.chart-empty{height:175px;display:grid;place-items:center;color:var(--muted);font-size:10px}.stakeholder-list{display:flex;flex-direction:column}.stakeholder-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.stakeholder-row:last-child{border-bottom:0}.stakeholder-row-main{min-width:0;flex:1}.stakeholder-row-main strong,.stakeholder-row-main small{display:block}.stakeholder-row-main strong{font-size:10px;font-weight:620}.stakeholder-row-main small{font-size:8px;color:var(--muted);margin-top:2px}.stakeholder-row-amount{text-align:right}.stakeholder-row-amount strong{font-size:10px;font-weight:650;display:block}.stakeholder-row-amount small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.balance-track{height:4px;border-radius:5px;background:var(--surface-3);margin-top:6px;overflow:hidden}.balance-track span{height:100%;display:block;background:#7b75e4;border-radius:5px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);flex:none}.activity-icon svg{width:14px;height:14px}.activity-main{flex:1;min-width:0}.activity-main strong,.activity-main small{display:block}.activity-main strong{font-size:10px;font-weight:620}.activity-main small{font-size:8px;color:var(--muted);margin-top:3px}.activity-amount{text-align:right;font-size:10px;font-weight:650;white-space:nowrap}.period-pills{display:flex;align-items:center;gap:3px;padding:3px;border-radius:8px;background:var(--surface-3)}.period-pills button{border:0;background:transparent;color:var(--muted);font-size:9px;border-radius:6px;padding:5px 8px;cursor:pointer}.period-pills button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:650}.audit-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--green-soft);border:1px solid rgba(33,154,123,.12);border-radius:11px;margin-bottom:15px;color:var(--green);font-size:10px}.audit-banner svg{width:16px;height:16px;flex:none}.audit-banner strong{font-weight:680}.audit-banner span{color:var(--muted)}
/* report, settings */
.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line)}.filter-label{font-size:9px;color:var(--muted);font-weight:650}.filter-input{height:34px;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;color:var(--ink);padding:0 9px;font-size:10px}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.report-summary .summary-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.summary-box span{font-size:9px;color:var(--muted);display:block}.summary-box strong{display:block;font-size:17px;letter-spacing:-.035em;margin-top:6px;font-weight:690}.summary-box small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.report-split{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.report-tree{padding:13px 15px}.report-tree h3{font-size:10px;margin:0 0 10px}.report-tree p{font-size:9px;color:var(--muted);margin:0 0 12px}.check-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}.check-row{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--ink)}.check-row input{accent-color:var(--blue)}.formula-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px}.settings-nav{padding:9px;display:flex;flex-direction:column;gap:3px}.settings-tab{display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:10px 11px;text-align:left;font-size:10px;cursor:pointer}.settings-tab svg{width:15px;height:15px}.settings-tab.active,.settings-tab:hover{background:var(--blue-soft);color:var(--blue);font-weight:650}.setting-field{margin:14px 0}.setting-field label{display:block;font-size:10px;font-weight:650;margin-bottom:6px}.setting-field small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:5px}.setting-field input,.setting-field select,.setting-field textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 10px;font-size:10px;outline:none}.setting-field textarea{min-height:64px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.setting-field input:focus,.setting-field textarea:focus{border-color:#8b87e9;box-shadow:0 0 0 3px rgba(88,86,214,.1)}.formula-list{display:flex;flex-direction:column}.formula-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(200px,1fr);align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.formula-row:last-child{border-bottom:0}.formula-row label{font-size:9px;font-weight:650}.formula-row small{display:block;color:var(--muted);font-size:8px;font-weight:400;margin-top:3px}.formula-row input{min-width:0;width:100%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);border-radius:7px;padding:8px 9px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.formula-help{border-radius:10px;background:var(--surface-2);padding:12px;margin-top:12px;color:var(--muted);font-size:9px;line-height:1.6}.formula-help code{color:var(--blue);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.widget-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.widget-toggle:last-child{border-bottom:0}.widget-toggle strong,.widget-toggle small{display:block}.widget-toggle strong{font-size:10px;font-weight:620}.widget-toggle small{font-size:9px;color:var(--muted);margin-top:3px}.switch{width:34px;height:20px;border:0;border-radius:20px;background:#c5ccd7;padding:3px;cursor:pointer;transition:.2s;flex:none}.switch::after{content:"";width:14px;height:14px;border-radius:50%;display:block;background:white;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.2s}.switch.on{background:#4eaf92}.switch.on::after{transform:translateX(14px)}.business-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.business-card{padding:16px}.business-card-top{display:flex;justify-content:space-between;align-items:flex-start}.business-card .business-avatar{width:39px;height:39px}.business-card h3{font-size:12px;margin:13px 0 4px}.business-card p{font-size:9px;color:var(--muted);margin:0}.business-card-meta{display:flex;gap:12px;margin:14px 0 13px;color:var(--muted);font-size:9px}.business-card-meta span{display:flex;align-items:center;gap:4px}.business-card-meta svg{width:12px;height:12px}.business-card-footer{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;align-items:center}.gateway-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.gateway-card-item{padding:15px}.gateway-card-top{display:flex;align-items:center;gap:10px}.gateway-logo{width:38px;height:38px;border-radius:11px;background:var(--surface-3);display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--ink)}.gateway-title{flex:1}.gateway-title strong,.gateway-title small{display:block}.gateway-title strong{font-size:11px}.gateway-title small{color:var(--muted);font-size:9px;margin-top:3px}.gateway-card-item p{font-size:9px;color:var(--muted);margin:13px 0}.gateway-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding-top:10px;border-top:1px solid var(--line)}.stakeholder-tree{padding:8px 17px}.tree-item{display:flex;align-items:center;gap:8px;padding:10px 6px;border-bottom:1px solid var(--line)}.tree-item:last-child{border-bottom:0}.tree-item.child{padding-left:41px;position:relative}.tree-item.child::before{content:"";position:absolute;left:23px;top:-12px;height:28px;width:10px;border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);border-radius:0 0 0 6px}.tree-item-main{min-width:0;flex:1}.tree-item-main strong,.tree-item-main small{display:block}.tree-item-main strong{font-size:10px;font-weight:650}.tree-item-main small{font-size:8px;color:var(--muted);margin-top:2px}.tree-share{font-size:9px;color:var(--muted);text-align:right;width:66px}.tree-value{text-align:right;width:100px;font-size:10px;font-weight:650}.tree-balance{font-size:8px;color:var(--muted);display:block;margin-top:2px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-option{display:flex;align-items:flex-start;gap:8px;font-size:9px;color:var(--ink)}.permission-option input{accent-color:var(--blue);margin:1px 0 0}.permission-option small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.settings-callout{display:flex;gap:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:11px;font-size:9px;color:var(--muted);line-height:1.55}.settings-callout svg{width:15px;height:15px;flex:none;color:var(--blue)}.settings-callout strong{color:var(--ink)}
/* dialogs, toasts, ticker */
.app-dialog{width:min(600px,calc(100vw - 30px));max-height:min(88vh,800px);border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:0;box-shadow:var(--shadow-lg);overflow:auto}.app-dialog::backdrop{background:rgba(13,21,36,.57);backdrop-filter:blur(3px)}.dialog-inner{padding:21px 23px 23px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-head h2{font-size:17px;letter-spacing:-.035em;margin:0}.dialog-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.dialog-close{width:29px;height:29px;flex:none;border:0;background:var(--surface-3);border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer}.dialog-close:hover{color:var(--ink)}.dialog-close svg{width:15px;height:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .span-2{grid-column:span 2}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:15px;margin-top:16px;border-top:1px solid var(--line)}.dialog-tip{font-size:9px;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:9px 10px;line-height:1.5;margin:10px 0 0}.dialog-tip strong{color:var(--ink)}.gateway-input-row{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:end}.toast-stack{position:fixed;z-index:120;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-width:245px;max-width:370px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:11px;padding:11px 14px;font-size:10px;color:var(--ink);animation:toast-in .22s ease;pointer-events:auto}.toast svg{width:16px;height:16px;flex:none;color:var(--green)}.toast.error svg{color:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.ticker-overlay{position:fixed;z-index:100;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(72,115,150,.22),transparent 30%),#0d1627;color:#fff;padding:28px clamp(25px,6vw,95px) 24px;display:flex;flex-direction:column}.ticker-top,.ticker-bottom{display:flex;align-items:center;justify-content:space-between}.ticker-live{display:flex;align-items:center;gap:8px;color:#93a6b8;letter-spacing:.15em;font-size:10px;font-weight:700}.ticker-live i{width:7px;height:7px;border-radius:50%;background:#60deb9;box-shadow:0 0 0 6px rgba(96,222,185,.1)}.ticker-close{width:42px;height:42px;color:#b9c5d5}.ticker-close:hover{background:rgba(255,255,255,.08);color:#fff}.ticker-content{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:22px}.ticker-metric{padding:25px 0;border-right:1px solid rgba(255,255,255,.12)}.ticker-metric:last-child{border-right:0}.ticker-metric span{display:block;color:#91a0b4;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ticker-metric strong{display:block;font-size:clamp(32px,4.5vw,64px);letter-spacing:-.065em;line-height:1.1;margin:16px 0 8px;font-weight:660;color:#fff;font-variant-numeric:tabular-nums}.ticker-metric small{font-size:12px;color:#78dec0}.ticker-bottom{color:#8190a5;font-size:10px;border-top:1px solid rgba(255,255,255,.11);padding-top:14px}
/* responsive */
@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr)}.business-card-grid,.gateway-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:230px}.main-shell{margin-left:230px;width:calc(100% - 230px)}.sidebar-collapsed .main-shell{margin-left:76px;width:calc(100% - 76px)}}
@media (max-width:920px){.login-screen{grid-template-columns:minmax(0,.8fr) minmax(430px,1fr)}.art-content{padding:35px 35px 25px}.art-copy h1{font-size:53px}.sidebar{transform:translateX(-100%);width:255px;box-shadow:var(--shadow-lg)}.main-shell,.sidebar-collapsed .main-shell{margin-left:0;width:100%}.app-frame.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(7,13,23,.4);z-index:25}.app-frame.menu-open .sidebar-backdrop{display:block}.mobile-menu{display:inline-flex}.side-collapse{display:none}.sidebar-collapsed .sidebar{width:255px;padding:20px 15px 14px}.sidebar-collapsed .side-brand{justify-content:space-between;padding:0 4px 0 7px}.sidebar-collapsed .side-brand .brand>span:not(.brand-mark),.sidebar-collapsed .workspace-label,.sidebar-collapsed .business-label,.sidebar-collapsed .switch-chevron,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-item span.label,.sidebar-collapsed .nav-count,.sidebar-collapsed .secure-card div,.sidebar-collapsed .secure-dot,.sidebar-collapsed .sidebar-user-text,.sidebar-collapsed .user-menu-btn{display:initial}.sidebar-collapsed .sidebar-user-text strong,.sidebar-collapsed .sidebar-user-text small,.sidebar-collapsed .business-label strong,.sidebar-collapsed .business-label small{display:block}.sidebar-collapsed .business-switcher{justify-content:flex-start;padding:9px}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 11px}.sidebar-collapsed .secure-card{justify-content:flex-start;padding:10px}.sidebar-collapsed .sidebar-user{justify-content:flex-start;padding:12px 4px 1px}.dashboard-main-grid{grid-template-columns:1fr}.gateway-card{min-height:unset}.dashboard-lower-grid{grid-template-columns:1fr 1fr}.report-split{grid-template-columns:1fr}.report-tree{order:-1}.report-tree .check-list{max-height:170px}}
@media (max-width:680px){.login-screen{display:flex;flex-direction:column}.login-art{min-height:245px}.art-content{padding:20px 23px}.art-copy{padding:32px 0 0;margin:0}.art-copy h1{font-size:36px;margin:11px 0 9px}.art-copy p{display:none}.art-stat,.art-footer{display:none}.login-art .brand-mark{width:30px}.login-panel{min-height:calc(100svh - 245px);padding:17px 24px 20px}.login-form-wrap{margin:auto 0;transform:none;width:100%;max-width:420px;align-self:center;padding:25px 0}.login-heading{margin-bottom:22px}.login-heading h2{font-size:24px}.login-top .brand{display:none}.login-top{height:20px}.login-copyright{margin-top:15px}.page-main{padding:19px 14px 20px}.topbar{height:58px;padding:0 13px}.topbar-date{display:none}.topbar-actions{gap:4px}.topbar-actions .icon-btn{width:31px;height:31px}.global-search-btn kbd{display:none}.breadcrumb{font-size:10px;gap:6px}.app-footer{padding:11px 14px;font-size:8px}.app-footer span:first-child{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}.page-heading h1{font-size:22px}.heading-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.dashboard-greeting{align-items:flex-start;flex-direction:column;margin-bottom:15px}.dashboard-greeting h1{font-size:21px}.dashboard-greeting .heading-actions{align-self:flex-start}.kpi-grid{gap:9px}.kpi-card{padding:12px;min-height:120px}.kpi-value{font-size:19px;margin:13px 0 5px}.kpi-label{font-size:9px}.kpi-icon{width:26px;height:26px}.dashboard-main-grid,.dashboard-lower-grid{gap:10px}.dashboard-lower-grid{grid-template-columns:1fr}.card-header{padding:14px 14px 8px}.card-body{padding:8px 14px 14px}.chart-wrap{padding:7px 8px 0}.settlement-chart{height:160px}.chart-card{min-height:275px}.table-toolbar{align-items:flex-start;flex-direction:column}.toolbar-left,.toolbar-right{width:100%;flex-wrap:wrap}.search-input{flex:1;min-width:125px}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-box strong{font-size:15px}.business-card-grid,.gateway-cards{grid-template-columns:1fr}.formula-grid{grid-template-columns:1fr}.formula-row{grid-template-columns:1fr;gap:6px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.dialog-inner{padding:18px 17px}.permission-grid{grid-template-columns:1fr}.ticker-overlay{padding:20px 19px}.ticker-live{font-size:8px}.ticker-content{grid-template-columns:1fr 1fr;gap:5px 14px}.ticker-metric{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.ticker-metric strong{font-size:33px;margin:9px 0 5px}.ticker-metric span{font-size:8px}.ticker-metric small{font-size:9px}.ticker-bottom{font-size:8px}.global-search-btn{width:31px!important;padding:0!important}.global-search-btn kbd{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{background:#fff;color:#111}.sidebar,.topbar,.app-footer,.heading-actions,.table-toolbar,.filter-bar,.report-tree,.toast-stack{display:none!important}.main-shell{margin:0!important;width:100%!important}.page-main{padding:0!important;max-width:none!important}.card,.summary-box{box-shadow:none!important;break-inside:avoid}.data-table{font-size:9px}.data-table th,.data-table td{padding:6px 8px}.page-heading{margin:0 0 12px}.report-summary{margin:8px 0}.card-header{padding:10px 12px}.card-body{padding:4px 12px}.app-frame{display:block}}
.page-loading{min-height:270px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}.loading-orb{display:inline-block;width:17px;height:17px;border:2px solid var(--line-strong);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.business-select-row,.quick-result,.user-action-row{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:11px 7px;cursor:pointer;color:var(--ink)}.business-select-row:last-child,.quick-result:last-child,.user-action-row:last-child{border-bottom:0}.business-select-row:hover,.quick-result:hover,.user-action-row:hover{background:var(--surface-2)}.business-select-row .business-avatar{flex:none}.business-select-row>span:nth-child(2){min-width:0;flex:1}.business-select-row strong,.business-select-row small{display:block}.business-select-row strong{font-size:11px}.business-select-row small{font-size:9px;color:var(--muted);margin-top:2px}.business-select-row>svg{width:15px;height:15px;color:var(--muted)}.quick-result{font-size:10px}.quick-result>svg:first-child{width:16px;height:16px;color:var(--muted)}.quick-result span{flex:1}.quick-result small{font-size:8px;color:var(--soft)}.user-action-row{font-size:10px}.user-action-row>svg:first-child{width:15px;height:15px;color:var(--muted)}.user-action-row span{flex:1}.user-action-row>svg:last-child{width:13px;height:13px;color:var(--soft)}.widget-list{display:flex;flex-direction:column}.widget-list .widget-toggle{padding:11px 3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.setting-field select,.setting-field input[type="date"],.setting-field input[type="email"],.setting-field input[type="text"]{min-height:37px}.setting-field select{cursor:pointer}.data-table td small.muted-cell{font-size:8px}.app-dialog .permission-option{padding:3px 0}.report-tree .check-row{line-height:1.35}.data-table tr:focus-within{background:var(--surface-2)}.login-screen [data-theme="dark"] .login-panel{background:var(--surface)}
@media (max-width:680px){.report-tree .check-list{max-height:210px}.report-summary .summary-box{padding:11px}.business-select-row{padding:10px 4px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:0 0 auto}.gateway-input-row{grid-template-columns:minmax(0,1fr) 120px}.page-heading .heading-actions{gap:6px}.page-heading .heading-actions .btn,.page-heading .heading-actions .date-filter{min-height:34px;font-size:9px;padding:7px 10px}}