@font-face{font-family:Cairo;src:url('assets/Cairo.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{--ink:#20243e;--muted:#747a91;--primary:#7860bc;--primary-dark:#654ca6;--line:#e8e8f1;--bg:#f6f7fb;--nav:#1d223d}
body{font-family:Cairo,"Segoe UI",Tahoma,sans-serif;font-size:13px;line-height:1.8}
h1{font-size:28px;letter-spacing:-.7px;font-weight:750}h2{font-size:17px;font-weight:700}h3{font-weight:700}button{transition:background .15s,box-shadow .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}input,select,textarea{border-color:#dfe2ed;border-radius:9px;padding:10px 13px;font-size:13px;line-height:1.65}input[dir=ltr]{text-align:left}input[type=date],input[type=datetime-local]{font-family:"Segoe UI",sans-serif;min-height:41px}.primary,.secondary{font-size:12px;padding:10px 16px;min-height:42px;border-radius:9px}.primary{box-shadow:0 3px 7px #67469d18}.secondary{color:#53596e}.ui-icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.muted{font-size:12px;color:#767b91}.eyebrow{font-size:10px;color:#9691a9;letter-spacing:.2px}
.skip-link{position:fixed;top:5px;right:15px;transform:translateY(-160%);z-index:200;background:white;color:var(--primary);padding:9px 18px;border-radius:8px}.skip-link:focus{transform:none}
.shell{grid-template-columns:244px minmax(0,1fr)}aside{padding:27px 17px 20px;background:linear-gradient(165deg,#252a48,#1d223a);overflow:hidden}.brand{border:0;padding:0 14px 22px;margin-bottom:0}.brand img{width:172px;height:68px;border-radius:9px;padding:8px}.brand span{font-family:"Segoe UI",sans-serif;font-size:9px;color:#929ab5;letter-spacing:2.4px;margin-top:12px}.nav-label{display:none}aside nav{gap:3px;flex:1;min-height:0;overflow:auto;align-content:start;padding:0 4px 12px;scrollbar-width:thin;scrollbar-color:#555d7a transparent}nav button{font-family:inherit;font-size:12px;padding:9px 12px;min-height:41px;gap:11px;border-radius:8px;color:#b6bdd4}nav button.active{background:#7961ba;box-shadow:0 5px 14px #0d102526;color:#fff}nav button.active .ui-icon{stroke-width:1.9}.nav-group{font-size:9px;color:#79829f;padding:15px 12px 7px;letter-spacing:.2px}.nav-group:first-child{padding-top:0}aside .brand,aside .aside-bottom{flex-shrink:0}.aside-bottom{border-top:1px solid #ffffff12;grid-template-columns:33px minmax(0,1fr);gap:1px 9px;margin-top:12px;padding:17px 9px 0;align-items:center}.avatar{height:33px;width:33px;background:#393e5b;color:#cfbfef;border-radius:50%;font-family:"Segoe UI",sans-serif}.aside-bottom strong{font-size:11px}.aside-bottom>span{font-family:"Segoe UI",sans-serif;font-size:10px;color:#8994b1;direction:ltr;text-align:right}.logout{font-family:inherit;font-size:11px;color:#c9c3db;padding-top:13px}.logout:hover{color:#fff}
.topbar{height:61px;background:#ffffffd9;padding:0 32px;border-color:#eeeef4;font-size:10px;color:#85849b}.topbar #today{font-family:"Segoe UI",sans-serif;font-size:11px;border:1px solid #ededf4;border-radius:7px;padding:5px 11px;background:#fff}main{padding:30px 32px;outline:none;max-width:1660px;width:100%;margin-inline:auto}header{margin-bottom:25px;gap:20px;min-height:78px}header .eyebrow{margin-bottom:6px}header p{font-size:12px;max-width:680px}.header-actions{flex-shrink:0}footer{padding:16px 32px;font-size:9px;font-family:"Segoe UI",Cairo,sans-serif;color:#a3a4b5}
.panel{border-radius:13px;border-color:#e7e8f0;box-shadow:0 3px 12px #20243e02}.panel-head{padding:20px 23px;border-bottom:1px solid #eeeff5;min-height:82px}.panel-head h2{font-size:15px;margin-bottom:1px}.panel-head .muted{font-size:10px}.panel-head form{gap:7px;align-items:center}.panel-head input{min-width:160px;width:240px;font-size:11px;background:#f9fafc}.panel-head select{min-width:118px;width:auto;font-size:11px}.panel-head button{min-height:38px;font-size:11px}
table{font-size:11px}th{font-size:10px;font-weight:600;background:#fafbfe;padding:13px 18px;color:#8a8fa3}td{padding:18px;border-color:#f0f0f6;overflow-wrap:anywhere}td strong{font-size:12px;color:#343a55}td small{font-size:10px;color:#969ab0}tbody tr:hover{background:#fcfbff}td button{padding:5px 8px;font-size:10px;color:#7158a7;background:#f2eff8;border:1px solid transparent}td button:hover{background:#eae4f6;border-color:#e0d6ef}.badge{font-size:10px;font-weight:600;padding:4px 10px;border-radius:6px;line-height:1.6}.badge.active,.badge.paid{background:#e8f5ef;color:#3c8b6c}.badge.expired,.badge.void{background:#fceef0;color:#c36579}.badge.pending{background:#f0edf8;color:#8c74b6}.pagination{font-size:11px;padding:14px;gap:16px}.pagination button{min-height:32px;font-size:10px;padding:5px 13px}.pagination button:disabled{cursor:default}
.hero{border:0;padding:25px 27px;background:linear-gradient(110deg,#7c66b3,#65518f);color:#fff;border-radius:14px;align-items:center;overflow:hidden;position:relative;margin-bottom:22px}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff0e;border-radius:50%;left:35px;top:-170px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff04;pointer-events:none}.hero .eyebrow{color:#d4c9eb;font-size:10px}.hero h2{font-size:24px;margin-bottom:1px}.hero p{color:#e0d9ee;font-size:11px;margin-top:7px}.hero>.ui-icon{width:43px;height:43px;color:#d5c9ea;margin-inline:15px;opacity:.85}
.stats{gap:14px;margin-bottom:22px}.stat{padding:19px 21px;border-color:#e7e8f0;border-radius:12px;box-shadow:0 3px 12px #20243e02}.stat:before{top:20px;left:18px;height:7px;width:7px;border-radius:50%;opacity:.9}.stat>span{font-size:11px;font-weight:600;color:#777b91}.stat strong,.stat strong.money{font-family:"Segoe UI",Cairo,sans-serif;font-size:30px;font-weight:650;line-height:1.75;letter-spacing:-.7px;overflow-wrap:anywhere;unicode-bidi:plaintext}.stat strong.money{font-size:26px}.stat small{font-size:9px;color:#9a9eb0}.two-columns{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}.panel-body{padding:18px 23px}.legend-row{font-size:11px;padding:15px 0;border-color:#f0f0f5}.legend-row strong{font-weight:650}.legend-row small{font-size:10px;color:#9398ad}.quick-links{gap:8px}.quick-links button{font-size:11px}.callout{background:#f0edf8;border-color:#e8e0f4;color:#7e6d9e;font-size:11px;padding:13px 17px}.footnote{font-size:10px;color:#9499ad;line-height:1.9;margin-top:18px}.chart{height:250px}.chart rect{fill:#9a86c7}.chart text{font-family:"Segoe UI",sans-serif;font-size:10px}
.filters{padding:15px 19px;align-items:center;margin-bottom:20px}.filters label{font-size:10px;color:#777d94}.filters form{gap:10px}.filters input,.filters select{font-size:11px;padding:8px 10px}.filters .primary,.filters .text{font-size:11px;min-height:39px}.filters #applied-period{font-size:9px;color:#9298ac;max-width:240px}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:22px}.plan-card{border:1px solid #e5e5ef;border-radius:12px;padding:21px 23px;background:linear-gradient(180deg,#fdfcfe,#fff);transition:box-shadow .18s,border-color .18s;display:flex;flex-direction:column;min-width:0}.plan-card:hover{border-color:#cfc0e4;box-shadow:0 7px 22px #77609d0b}.plan-card.archived{background:#fafafa}.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.plan-mark{background:#f0eafa;color:#9277bd;border:1px solid #e8dff3;width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.plan-card h3{font-size:16px;margin-bottom:16px;color:#38374f;overflow-wrap:anywhere}.plan-price strong{font:650 31px/1.4 "Segoe UI",sans-serif;letter-spacing:-1px;display:block;direction:ltr;text-align:right;overflow-wrap:anywhere}.plan-price>span{font-size:10px;color:#9695a8}.plan-features{list-style:none;padding:18px 0;margin:13px 0 18px;border-top:1px solid #efedf4;flex:1}.plan-features li{font-size:11px;margin:9px 0;color:#74768e}.plan-features li:before{content:"✓";font-family:"Segoe UI",sans-serif;color:#9b87be;margin-inline-end:9px}.plan-card>button{width:100%;color:#7c639f;border-color:#e4dbef;background:#f8f5fc;min-height:39px;font-size:11px}.plan-card>small{font-size:10px}
.empty{padding:44px 24px 46px;max-width:560px;margin:auto}.empty>span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border:1px solid #e8e2f2;background:#f8f5fc;border-radius:16px;font-size:28px;color:#b4a0d2;line-height:1}.empty h3{font-size:17px;color:#56546e;margin:0 0 8px}.empty p{font-size:12px;color:#9092a7;max-width:380px;margin:auto}.empty>.primary{font-size:11px;margin-top:22px}.getting-started{border:1px solid #e8e3f2;background:#fcfbff;border-radius:12px;padding:21px;margin-bottom:22px}.getting-started h2{font-size:16px}.getting-started p{margin-bottom:17px}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.setup-step{background:white;border:1px solid #e7e4ef;border-radius:9px;display:grid;grid-template-columns:26px 1fr;gap:3px 9px;text-align:right;padding:16px;color:#59526e}.setup-step>.ui-icon{grid-row:span 2;color:#a693c2;margin-top:3px}.setup-step strong{font-size:12px}.setup-step small{font-size:10px;font-weight:400;color:#9693a7}.setup-step:hover{border-color:#c7b5df}

.load-state{padding:25px;display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.load-state strong{font-size:13px}.load-state p{font-size:11px;color:var(--muted);margin:2px 0 0}.spinner{height:25px;width:25px;border:2px solid #ece7f4;border-top-color:#9277bd;border-radius:50%;animation:spin .85s linear infinite}.page-error{background:#fff;border:1px solid #eadfe7;border-radius:14px;padding:40px 25px;text-align:center;max-width:720px;margin:20px auto}.error-mark{background:#fceef0;border-radius:50%;color:#c66f83;display:grid;place-items:center;width:40px;height:40px;margin:0 auto 17px;font-weight:700;font-size:22px}.page-error h2{font-size:18px}.page-error p{font-size:12px;color:#8d7891;max-width:480px;margin:10px auto 23px;overflow-wrap:anywhere}@keyframes spin{to{transform:rotate(360deg)}}
dialog{width:580px;border:0;padding:26px 29px;border-radius:15px;box-shadow:0 22px 90px #21203935}dialog::backdrop{background:#171c3559;backdrop-filter:blur(4px)}.dialog-top{margin-bottom:7px}.dialog-top .eyebrow{font-size:10px}.dialog-top button{background:#f7f7fb;height:29px;width:29px;padding:0;border-radius:8px;color:#9993aa;font-size:21px}.dialog-top h2{font-size:17px}#dialog-title{font-size:23px;margin-top:6px}#dialog-description{font-size:11px;margin-bottom:20px;line-height:1.9}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}#fields label{font-size:11px;color:#76728d;margin:9px 0;font-weight:600}#fields label>input,#fields label>select,#fields label>textarea{font-size:12px;margin-top:6px}#fields .full-field,#fields .checkbox-field,#fields>p,#fields>button,#fields>label:has(#customer-search),#fields>label:has(#customer-id),#fields>label:has(#f-plan),#fields>label:has(#f-email){grid-column:1/-1}.checkbox-field{background:#faf9fc;border:1px solid #ece8f3;border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:9px}.checkbox-field input[type=checkbox]{margin:0;accent-color:var(--primary);width:16px;height:16px}.dialog-actions{border-top:1px solid #efedf4;padding-top:19px;margin-top:22px}.dialog-actions button{font-size:12px}.error{font-size:11px;color:#ba5c76}.audit-item{font-size:12px;padding:14px 0}.audit-item small{font-size:10px}.toast{font-size:12px;padding:12px 20px;background:#30334e;border-radius:9px;box-shadow:0 8px 24px #20325226;bottom:18px;line-height:1.8}#result pre{font-size:15px;letter-spacing:.3px}#result p{font-size:12px}
.welcome{grid-template-columns:1fr 1fr;background:#fff}.welcome-brand{padding:9vh 12%;background:radial-gradient(ellipse at 10% 20%,#ede8f7,transparent 60%),linear-gradient(150deg,#f6f3fb,#efebf5);justify-content:center;min-height:100vh}.welcome-brand img{width:235px;margin-bottom:50px}.welcome-brand .eyebrow{color:#8c79b0;font-size:10px;letter-spacing:2px;font-family:"Segoe UI",sans-serif}.welcome-brand h1{font-size:36px;line-height:1.65;letter-spacing:-1px;color:#49415f;margin-top:12px;margin-bottom:14px}.welcome-brand p{font-size:13px;line-height:2;color:#978ba8}.brand-foot{margin-top:30px;padding:0;color:#a298b2;font-size:9px;order:5}.brand-foot span{font-size:10px}.login-features{display:flex;flex-direction:column;gap:13px;border-top:1px solid #ded7e9;padding-top:22px;margin-top:15px;color:#89779f}.login-features>div{display:flex;gap:12px;align-items:center;font-size:11px}.login-features .ui-icon{height:18px;width:18px;stroke-width:1.5}.welcome-form{max-width:560px;width:100%;padding:65px 12%;justify-self:center}.welcome-form h2{font-size:27px;color:#34334f}.welcome-form .eyebrow{font-size:11px;color:#a09aaf}.welcome-form label{font-size:11px;margin-top:22px;color:#777287}.welcome-form input{font-size:14px;min-height:45px}.welcome-form .primary{margin-top:20px;font-size:13px;min-height:45px}.welcome-form .text{font-size:10px;color:#9d92ad}.password-wrap{display:block;position:relative;margin-top:6px}.password-wrap input{padding-right:64px}.password-wrap button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#f2eff8;color:#8b78aa;border-radius:5px;font-size:10px;padding:4px 8px}
#menu-toggle,.mobile-menu-close,.menu-backdrop{display:none}
@media(max-width:1250px){.shell{grid-template-columns:214px minmax(0,1fr)}aside{padding-inline:13px}.brand{padding-inline:13px}.brand img{width:154px;height:62px}nav button{font-size:11px;padding:9px 10px}main{padding:26px 24px}.topbar{padding-inline:24px}.stat{padding:17px}.stat strong.money{font-size:22px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{align-items:start;flex-direction:column;gap:9px}.filters #applied-period{max-width:none}.two-columns{grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr)}.panel-head{flex-direction:row;align-items:center}.panel-head input{width:180px}.welcome-brand{padding-inline:10%}.welcome-brand h1{font-size:31px}.welcome-form{padding-inline:13%}}
@media(max-width:1000px) and (min-width:801px){.stats{grid-template-columns:repeat(2,1fr)}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat strong.money{font-size:19px}.two-columns{grid-template-columns:1fr}.panel-head{align-items:start;flex-direction:column}.plan-grid{padding:16px;gap:12px}.plan-card{padding:18px}.plan-price strong{font-size:27px}.setup-steps{grid-template-columns:1fr}.setup-step{padding:12px}.header-actions{gap:5px}.header-actions button{font-size:10px;padding-inline:10px}}

@media(max-width:800px){.shell{display:block}aside{position:fixed;top:0;right:0;bottom:0;height:100vh;width:274px;z-index:60;transform:translateX(102%);visibility:hidden;transition:transform .22s,visibility .22s;padding:26px 16px 20px;flex-direction:column;overflow:hidden}.menu-open aside{transform:none;visibility:visible}.menu-open{overflow:hidden}aside .brand{display:block;padding:0 14px 22px;margin:0;text-align:center}aside .brand img{width:166px;height:64px}aside .brand span{margin-top:12px}.mobile-menu-close{display:block;position:absolute;left:9px;top:7px;background:transparent;color:#bdb5d0;font-size:23px;padding:0 5px}aside nav{display:grid;gap:3px;flex:1;min-height:0;overflow:auto;padding:0 4px 12px}aside nav button{padding:10px 12px;font-size:12px;min-height:42px}.nav-group{display:block}.aside-bottom{display:grid;grid-template-columns:33px 1fr;gap:1px 9px;border-top:1px solid #ffffff12;padding:17px 9px 0;margin-top:12px}.aside-bottom .avatar{display:grid}.aside-bottom>span{display:block}.logout{margin:0;padding-top:13px}.menu-backdrop{display:block;position:fixed;inset:0;background:#191c3b70;z-index:55;border-radius:0;backdrop-filter:blur(2px)}#menu-toggle{display:flex;align-items:center;gap:6px;border:1px solid #e7e4ee;background:white;color:#87739f;padding:5px 8px;border-radius:6px;font-size:14px}#menu-toggle span{font-size:10px}.topbar{height:57px;padding:0 15px;gap:10px}.topbar>span:first-of-type{display:none}.topbar #today{margin-inline-start:auto;font-size:10px;padding:4px 8px}main{padding:21px 16px}header{flex-direction:column;align-items:start;gap:15px;margin-bottom:20px;min-height:0}header .eyebrow{font-size:9px}header h1{font-size:25px}header p{font-size:11px;line-height:1.9}.header-actions{width:100%;gap:8px}.header-actions button{font-size:11px}.stats,.stats.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px}.stat:before{left:13px;top:19px;width:5px;height:5px}.stat>span{font-size:10px}.stat strong,.stat strong.money{font-size:23px;line-height:1.8;letter-spacing:-.7px}.stat small{font-size:8px}.hero{padding:22px;margin-bottom:19px}.hero h2{font-size:22px}.hero p{font-size:10px}.hero>.ui-icon{display:none}.two-columns{grid-template-columns:1fr;gap:0}.panel-head{padding:17px 18px;align-items:start;flex-direction:column;gap:12px;min-height:0}.panel-head h2{font-size:15px}.panel-head form{width:100%;flex-wrap:wrap}.panel-head input{min-width:0;width:auto;flex:1}.panel-head select{min-width:110px}.panel-head button{padding-inline:13px}.panel-body{padding:16px 18px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px}.plan-card{padding:17px}.plan-card h3{font-size:14px}.plan-price strong{font-size:25px}.plan-card-top{margin-bottom:15px}.plan-mark{width:32px;height:32px;border-radius:9px}.plan-card .badge{font-size:8px;padding:3px 6px}.plan-features li{font-size:10px}.plan-features{padding-block:12px;margin-block:11px}.filters{padding:15px;gap:12px}.filters form{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.filters label{min-width:0;font-size:9px}.filters input,.filters select{font-size:11px;min-width:0;width:100%;min-height:39px}.filters #applied-period{font-size:9px;line-height:1.8}.filters .text{grid-column:1/-1;justify-self:start;min-height:auto;padding:2px 0}.chart{height:225px}.setup-steps{grid-template-columns:1fr}.getting-started{padding:18px}.setup-step{padding:14px}.empty{padding:34px 22px 38px}.empty h3{font-size:16px}.empty p{font-size:11px}.empty>span{width:52px;height:52px;font-size:25px}#data-table{overflow:visible}#data-table table,#data-table tbody,#data-table tr,#data-table td{display:block;width:100%}#data-table thead{display:none}#data-table tr{padding:15px 17px;border-bottom:1px solid #eceaf3}#data-table td{display:grid;grid-template-columns:30% minmax(0,1fr);gap:10px;border:0;padding:7px 0;font-size:11px}#data-table td:before{content:attr(data-label);color:#9a96a8;font-size:10px;font-weight:500}#data-table td strong{font-size:12px}#data-table td>div{min-width:0}#data-table td small{font-size:9px}#data-table td .badge{justify-self:start;font-size:9px}#data-table td button{font-size:9px}.pagination{gap:12px}.pagination button{font-size:10px}dialog{padding:22px;width:540px;max-width:calc(100vw - 24px);max-height:calc(100vh - 28px)}#dialog-title{font-size:21px}#fields{gap:0 11px}#fields label{font-size:10px}#fields input,#fields select,#fields textarea{font-size:12px}.dialog-actions button{font-size:11px}.toast{font-size:11px;padding:11px 17px;width:max-content;max-width:calc(100vw - 24px);text-align:center}footer{padding:17px;font-size:8px;gap:12px}.welcome{display:block}.welcome-brand{min-height:0;display:flex;padding:29px 25px;background:#f4f0fa}.welcome-brand img{width:170px;margin:0}.welcome-brand .eyebrow,.welcome-brand h1,.welcome-brand p,.brand-foot,.login-features{display:none}.welcome-form{padding:40px 28px;max-width:450px}.welcome-form h2{font-size:25px}}
@media(max-width:480px){.plan-grid{grid-template-columns:1fr;padding:18px;gap:15px}.plan-card{padding:23px}.plan-card h3{font-size:17px}.plan-price strong{font-size:33px}.plan-card-top{margin-bottom:18px}.plan-card .badge{font-size:10px}.plan-mark{width:39px;height:39px}.plan-features li{font-size:11px}.plan-card>button{font-size:12px}.stats.three>.stat:last-child{grid-column:1/-1}.stats.three>.stat:last-child strong{font-size:25px}#fields{grid-template-columns:1fr}#fields label{font-size:11px}.panel-head form #plan-state{width:100%;flex-basis:100%}.page-error{padding:30px 20px}.page-error h2{font-size:17px}.page-error p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body{font-size:11px;background:white}aside,.menu-backdrop,.topbar,.skip-link,header .header-actions,.filters,footer,.pagination,#search-form,#toast,.quick-links{display:none!important}.shell{display:block}main{padding:0;max-width:none}.stats.three{grid-template-columns:repeat(3,1fr)}.panel{box-shadow:none;break-inside:avoid}.plan-grid{grid-template-columns:repeat(3,1fr)}}



/* Reading contrast and compact empty state */
.panel-head .muted,.eyebrow,.stat small,.stat>span,.plan-price>span,.plan-features li,.plan-card>small,td small,th,.footnote,.empty p,.filters #applied-period,.filters label,.legend-row small{color:#70758a}
.nav-group{color:#a1a9c0}.brand span{color:#a1a9c0}.aside-bottom>span{color:#adb5ca}
.welcome-brand p,.welcome-form label,.welcome-form .eyebrow,.welcome-form .text,.login-features,.brand-foot{color:#766684}
.plan-grid:empty{padding:0}.plan-features li{font-size:12px}.panel-head .muted{font-size:11px}.stat small{font-size:10px}td{font-size:12px}td small{font-size:11px}
#dialog-description{color:#747085;font-size:12px}#fields label{color:#6c687d;font-size:12px}#fields>label>input,#fields>label>select,#fields>label>textarea{font-size:13px}
@media(max-width:800px){#data-table td{font-size:12px}#data-table td:before{color:#737084;font-size:11px}#data-table td small{font-size:10px}.filters #applied-period{font-size:10px}.empty p{font-size:12px}.hero .eyebrow{color:#e5ddef}.stat small{font-size:9px}}

/* Keep financial amounts on one readable line on narrow phones. */
@media(max-width:560px){.stats.three{grid-template-columns:1fr!important}.stats.three .stat strong.money{font-size:24px;line-height:1.5;overflow-wrap:normal;word-break:normal;white-space:nowrap}}