:root{--ink:#17243b;--muted:#63718a;--blue:#153f78;--gold:#e7ae49;--line:#e0e7f0;--pale:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif}a{color:var(--blue);text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(4%,calc((100% - 1320px)/2));background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:900;letter-spacing:.04em;line-height:1.1}.brand small{display:block;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.07em;margin-top:4px}.brandmark{background:var(--blue);color:white;border-radius:11px;padding:14px 9px;font-size:16px;letter-spacing:-.06em}nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;font-weight:700}nav a:not(.button){color:#34425b}main{max-width:1320px;margin:auto;padding:28px 4% 80px;min-height:70vh}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(32px,4vw,58px);margin:12px 0 18px}h2{font-size:24px}.eyebrow{font-size:11px;color:#9d671f;font-weight:900;letter-spacing:.17em}.button,.outline,button{cursor:pointer;font:inherit;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:white!important;border-radius:8px;padding:12px 20px}.outline{display:inline-flex;border:1px solid #becde1;color:var(--blue);border-radius:8px;background:white;padding:11px 18px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:42px;align-items:center;padding:60px 0 75px}.hero-copy p{color:var(--muted);font-size:18px;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.hero-copy .subline{font-size:13px;font-weight:700;color:#8c6c40}.hero-art{background:linear-gradient(145deg,#153f78,#0c2546);padding:24px;border-radius:22px;box-shadow:0 25px 65px #17243b32}.art-title{color:#dde9fa;font-weight:800;font-size:12px;letter-spacing:.1em;margin-bottom:20px}.hero-art img{width:100%;border-radius:10px;display:block;aspect-ratio:6.4/1;object-fit:cover}.art-captions{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;color:white;text-align:center;margin-top:15px;font-size:11px;font-weight:700}.feature-section{padding:22px 0 60px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.tile,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #1d365208}.cards article{padding:24px}.cards article b{color:var(--blue)}.cards p,.tile p{color:var(--muted)}.cta{background:#e9f0fa;border-radius:18px;padding:36px 42px;margin:0 0 35px}.cta p{color:var(--muted)}footer{text-align:center;background:#142b4c;color:#cbd8e7;padding:30px 4%;font-size:13px;line-height:2}footer a{color:white}.auth{max-width:470px;margin:55px auto}.auth h1{font-size:36px}.panel{padding:24px;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:15px}.form h2{margin:0 0 5px}.grid2,.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 28px}.pagehead h1{font-size:38px;margin:4px 0}.pagehead p{color:var(--muted);margin:0}.dashboard{grid-template-columns:repeat(3,1fr)}.tile{padding:24px;color:var(--ink)}.tile:hover{border-color:#7295c7;transform:translateY(-2px)}.tile h2{font-size:19px;margin:0}.tile p{font-size:14px;margin-bottom:0}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#35465e}input,select{width:100%;padding:11px 12px;border:1px solid #cbd5e2;border-radius:7px;background:white;color:var(--ink);font:inherit;min-width:0}input:focus,select:focus{outline:2px solid #83a9df}.notice,.error{padding:12px 18px;border-radius:8px}.notice{background:#e7f6ee;color:#17603c}.error{background:#fff0ee;color:#a22d28}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;margin:18px 0 28px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left}th{background:#edf2f8;color:#314b6c}tr:last-child td{border-bottom:0}.invoice-line{display:grid;grid-template-columns:minmax(200px,3fr) 120px 140px 38px;gap:10px;align-items:end;margin:10px 0}.remove-line{background:#fff0f0;border:1px solid #ffcccc;color:#a33;border-radius:6px;height:43px;font-size:22px}.total{text-align:right;font-size:19px;font-weight:800;color:var(--blue)}.hint{color:var(--muted);font-size:13px}.filter{display:flex;align-items:end;gap:14px;max-width:550px}.stats{grid-template-columns:repeat(3,1fr)}.stats strong{display:block;font-size:24px;margin-top:8px}.stats small{color:var(--muted)}.logout{margin:0}.logout button{background:none;color:var(--blue);border:none;padding:0;font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr}.cards,.dashboard,.stats{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}.hero{padding:30px 0}.invoice-line{grid-template-columns:1fr 95px 110px 35px}}@media(max-width:600px){main{padding:20px 4% 50px}.grid2,.columns,.cards,.dashboard,.stats{grid-template-columns:1fr}.invoice-line{grid-template-columns:1fr 1fr}.invoice-line label:first-child{grid-column:1/-1}.pagehead{align-items:flex-start;flex-direction:column}.art-captions{font-size:9px}.filter{flex-wrap:wrap}.cta{padding:26px}}@media print{header,footer,.receipt button,.notice,.error{display:none}body{background:white}main{padding:0}.receipt{border:0;box-shadow:none}}

.home-banner{margin:8px 0 0;border-radius:16px;overflow:hidden;box-shadow:0 16px 38px #18335b1c;background:white}.home-banner img{display:block;width:100%;height:auto}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 0 35px}.home-intro h1{font-size:clamp(29px,3vw,44px);margin:7px 0}.home-intro p{color:var(--muted);font-size:17px;max-width:750px;margin:0}.home-intro .hero-actions{flex:none}@media(max-width:850px){.home-intro{display:block;padding:28px 0}.home-banner{border-radius:9px}}
.invoice-line{grid-template-columns:minmax(210px,3fr) 105px 115px 135px 38px}.line-amount{display:flex;flex-direction:column;gap:5px;white-space:nowrap}.line-amount small{font-size:13px;color:#35465e;font-weight:700}.line-amount strong{height:43px;display:flex;align-items:center;color:var(--blue)}.invoice-summary{margin:18px 0 5px;padding:16px 20px;border:1px solid #ccdcef;border-radius:10px;background:#f3f7fc;max-width:480px;margin-left:auto}.invoice-summary div{display:flex;justify-content:space-between;gap:15px;padding:5px 0}.invoice-summary .grand{border-top:1px solid #cad6e6;border-bottom:1px solid #cad6e6;color:var(--blue);font-size:19px;padding:10px 0;margin:5px 0}@media(max-width:900px){.invoice-line{grid-template-columns:minmax(200px,3fr) 95px 105px 115px 35px}}@media(max-width:600px){.invoice-line{grid-template-columns:1fr 1fr}.invoice-line label:first-child{grid-column:1/-1}.line-amount{align-self:end}.remove-line{align-self:end}}

.history-button{display:inline-block;white-space:nowrap;padding:7px 12px;border:1px solid #b9d0ee;border-radius:7px;background:#eef5ff;color:#153f78;font-size:12px;font-weight:800}.history-button:hover{background:#dfeefd}
.billing-paid{display:flex;justify-content:flex-end;margin:22px 0 16px}.billing-paid label{width:min(100%,360px);text-align:right}.billing-paid input{text-align:right;font-size:22px;font-weight:800;color:var(--blue);padding:13px 15px}.billing-notes{margin:0 0 18px}.billing-notes label{text-align:left}.billing-notes input{width:100%}@media(max-width:600px){.billing-paid label{width:100%}}
.billing-paid label{width:min(100%,640px);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;font-size:19px;white-space:nowrap}.billing-paid input{width:min(100%,240px);flex:none}@media(max-width:600px){.billing-paid label{width:100%;font-size:16px;gap:10px;white-space:normal}.billing-paid input{width:45%;min-width:120px}}.party-actions{white-space:nowrap}.party-actions form{display:inline-block;margin-left:8px}.toggle-button{border:1px solid #c7d4e7;border-radius:7px;background:#fff;color:#334c70;padding:7px 11px;font-size:12px}.toggle-button:hover{background:#edf4ff}
.profit-report table td:last-child{font-weight:700;text-align:right}.profit-report table th:last-child{text-align:right}.stock-count-row input{min-width:90px;max-width:150px}.stock-line-value{font-weight:700;text-align:right}.stock-count-row td:first-child{min-width:220px}.profit-report{max-width:900px}
.settle-form{display:flex;align-items:center;gap:6px}.settle-form input,.settle-form select{width:auto;min-width:120px}.settle-form button{white-space:nowrap}
.dashboard+.panel{margin-top:28px}.contact-number{display:flex;align-items:center;gap:8px;margin:7px 0;max-width:520px}.contact-number input{flex:1}.contact-number button{white-space:nowrap}.contact-address{margin:14px 0}.contact-search{max-width:520px;margin-top:28px}.contact-result td:nth-child(4){white-space:normal;min-width:180px}#contact-empty[hidden],.contact-result[hidden]{display:none}

/* Demo-ready administration visual system */
:root{--ink:#172a3d;--muted:#62758a;--blue:#164f70;--gold:#db9a4a;--line:#dbe5eb;--pale:#f4f7f8}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f3f6f7}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ecad5f;outline-offset:2px}a,button,input,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.admin-body{background:#f3f6f7}.admin-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#102d3e;color:#edf8fa;padding:25px 14px 19px;overflow-y:auto}.admin-sidebar .brand{color:white;margin:0 10px 39px;gap:10px;font-size:16px}.admin-sidebar .brandmark{background:linear-gradient(145deg,#e9b66d,#c88940);color:#172c38;border-radius:13px;box-shadow:0 8px 24px #0003;padding:13px 10px}.admin-sidebar .brand small{color:#b6d0dc;font-size:9px;line-height:1.35}.sidebar-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#82aabd;padding:0 19px 12px}.admin-sidebar .admin-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:13px}.admin-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:#c9dce5;border-radius:10px;font-weight:650}.admin-nav a:hover{color:#fff;background:#ffffff14}.admin-nav a.active{color:#fff;background:#27566b;box-shadow:inset 3px 0 #e8af64}.nav-icon{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:#ffffff13;color:#e8b978;font-size:16px}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:19px 5px 0;border-top:1px solid #ffffff24;font-size:12px}.sidebar-avatar{display:grid;place-items:center;width:34px;height:34px;background:#d1e4e6;color:#164356;border-radius:10px;font-weight:900;flex:none}.sidebar-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700}.sidebar-user small{display:block;color:#afc4cf;font-weight:400}.admin-sidebar .logout button{color:#ffddbb;font-size:12px;padding:7px 0}.admin-sidebar .logout button:hover{text-decoration:underline}.admin-content{min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;justify-content:space-between;min-height:66px;background:white;border-bottom:1px solid #e1e8ed;padding:0 clamp(22px,3.2vw,52px);font-size:12px;font-weight:700;color:#64778a}.topbar-tag{border:1px solid #e6e1d7;border-radius:100px;padding:6px 11px;background:#fbf8f1;color:#9c7542;font-size:10px;letter-spacing:.1em}.menu-toggle{display:none}.admin-mobile-nav[hidden]{display:none}.admin-main{width:min(100%,1480px);max-width:none;min-height:calc(100vh - 66px);margin:0 auto;padding:clamp(24px,3.2vw,50px) clamp(20px,3.2vw,52px) 75px}.admin-body footer{margin-left:246px;background:#eaf0f3;color:#5b7382;padding:23px 28px;font-size:11px}.admin-body footer a{color:#165574}
.admin-main h1{font-size:clamp(29px,3vw,40px);letter-spacing:-.055em}.admin-main h2{font-size:20px;letter-spacing:-.035em}.admin-main .pagehead{margin:0 0 28px;min-height:79px}.admin-main .pagehead h1{margin:3px 0 6px}.admin-main .pagehead p{font-size:14px;line-height:1.55;max-width:800px}.admin-main .eyebrow{color:#bf7b31}.admin-main .panel,.admin-main .form,.admin-main .tablewrap,.admin-main .cards article,.admin-main .tile{box-shadow:0 8px 28px #1634490b;border:1px solid #dfe8ee;background:#fff}.admin-main .form,.admin-main .panel{border-radius:17px;padding:clamp(19px,2.1vw,29px);margin-bottom:24px}.admin-main .form{display:flex;flex-direction:column;gap:18px}.admin-main .form h2,.admin-main .panel h2{margin:0 0 10px}.admin-main .panel>p,.admin-main .form>p{color:#60778a}.admin-main .columns,.admin-main .grid2{gap:20px}.admin-main .columns{align-items:start}.admin-main label{gap:8px;color:#42596a;font-size:12px;font-weight:750;letter-spacing:.01em}.admin-main input,.admin-main select{min-height:44px;background:#fbfdfe;border:1px solid #d5e1e8;border-radius:9px;padding:10px 12px;color:#1f3849}.admin-main input:hover,.admin-main select:hover{border-color:#adc8d5}.admin-main input:focus,.admin-main select:focus{border-color:#3486a6;outline:3px solid #8bc2d34d;background:#fff}.admin-main .button,.admin-main .outline{border-radius:9px;min-height:44px;padding:10px 17px;font-size:13px;box-shadow:none}.admin-main .button{background:#155775;border-color:#155775}.admin-main .button:hover{background:#0f415a;border-color:#0f415a;box-shadow:0 7px 16px #13506c32;transform:translateY(-1px)}.admin-main .outline:hover{background:#f0f7fa;border-color:#8eb3c4}.admin-main .form>.button{align-self:flex-start;min-width:155px}.admin-main .tablewrap{border-radius:15px;margin:18px 0 28px;overflow:auto}.admin-main table{font-size:12px;white-space:nowrap}.admin-main th{background:#edf4f6;color:#4a6879;font-size:11px;letter-spacing:.025em;text-transform:uppercase;padding:14px 16px}.admin-main td{padding:15px 16px;color:#345061}.admin-main tbody tr:nth-child(even){background:#fafdfe}.admin-main tbody tr:hover{background:#f1f8fa}.admin-main td a{font-weight:750;color:#126488}.admin-main .cards{gap:17px}.admin-main .cards article{border-radius:15px}.admin-main .tile{border-radius:16px;padding:24px;position:relative;min-height:148px;transition:transform .18s,box-shadow .18s,border-color .18s}.admin-main .tile:hover{transform:translateY(-3px);border-color:#a7c5cd;box-shadow:0 18px 30px #183e4c16}.admin-main .tile h2{color:#194e66;padding-right:12px;font-size:19px}.admin-main .tile p{font-size:13px;line-height:1.55}.admin-main .stats article{padding:25px;background:linear-gradient(155deg,#fff,#f5fafb)}.admin-main .stats small{display:block;font-size:12px}.admin-main .stats strong{font-size:clamp(21px,2.2vw,28px);color:#14546d}.admin-main .hint{line-height:1.6;font-size:12px}.admin-main .notice,.admin-main .error{border-radius:12px;border:1px solid #d1e7da;background:#ecf9f2;margin:0 0 20px}.admin-main .error{background:#fff2ed;border-color:#f7d8c8}.admin-main .filter{max-width:none;width:fit-content;min-width:min(100%,340px);flex-wrap:wrap;align-items:end}.admin-main .filter label{min-width:170px}.admin-main .filter .button,.admin-main .filter .outline{flex:none}.admin-main .party-actions{white-space:nowrap}.admin-main .history-button,.admin-main .toggle-button{display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid #d3e1e7;background:#f7fbfc;color:#185675;font-weight:700;font-size:12px}.admin-main .toggle-button:hover,.admin-main .history-button:hover{background:#eaf5f8}.admin-main .invoice-line{border:1px solid #e1e9ee;background:#f9fcfd;border-radius:12px;padding:12px;align-items:end}.admin-main .line-amount strong{color:#155c73}.admin-main .invoice-summary{border:1px solid #d8e6e9;border-radius:13px;background:#f4faf9;padding:18px 21px}.admin-main .billing-paid{display:flex;justify-content:flex-end}.admin-main .billing-paid label{width:min(100%,640px)}.admin-main .billing-paid input{background:white}.admin-main .stock-count-row input{background:#fff}.admin-main .profit-report{max-width:960px}.admin-main .receipt{max-width:900px;margin-inline:auto}.admin-main .contact-number{max-width:520px}.admin-main .contact-search{max-width:520px}
.public-body:has(.login-layout){background:#eef3f2}.public-body:has(.login-layout) main{max-width:none;padding:0;min-height:0}.public-body:has(.login-layout) footer{background:#102d3e}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);max-width:1260px;margin:35px auto 65px;min-height:600px;padding:0 24px;gap:0}.login-intro{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:24px 0 0 24px;background:radial-gradient(circle at 85% 12%,#347888a1,transparent 41%),linear-gradient(148deg,#183e50,#0d2a3b 75%);padding:clamp(32px,5vw,76px);color:white;overflow:hidden}.login-intro:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff24;border-radius:50%;right:-150px;bottom:-130px;box-shadow:0 0 0 48px #ffffff09,0 0 0 98px #ffffff08;pointer-events:none}.login-intro .eyebrow{color:#eabb75}.login-intro h1{font-size:clamp(34px,4.2vw,60px);letter-spacing:-.055em;line-height:1.08;max-width:570px;margin:18px 0}.login-intro p{color:#c4dce4;font-size:16px;max-width:460px}.login-intro small{margin-top:50px;color:#b4cbd4;letter-spacing:.035em}.login-features{display:flex;flex-direction:column;gap:13px;margin-top:43px;font-size:13px;font-weight:700;color:#f0dcc0}.login-card{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;margin:0;background:white;border-radius:0 24px 24px 0;padding:clamp(34px,5vw,82px);box-shadow:0 22px 60px #1e3c4a16}.login-card h2{font-size:38px;margin:13px 0 2px;letter-spacing:-.045em}.login-card>p{margin:0 0 27px;color:#708092}.login-card .form{gap:19px}.login-card label{font-size:13px}.login-card input{min-height:49px;background:#f8fbfc;border:1px solid #d9e4e8}.login-card .button{min-height:49px;margin-top:5px;background:#155b77;border-color:#155b77}.login-card .button:hover{background:#0b415a}.login-card-foot{margin-top:44px;padding-top:20px;border-top:1px solid #e8eef0;color:#8b9eaa;font-size:11px}.public-header{background:#fff}
.menu-toggle{border:0;background:none;color:#15485c;font-size:24px;padding:5px;line-height:1}.admin-mobile-nav{display:flex;flex-wrap:wrap;gap:7px;background:#fff;border-bottom:1px solid #e0eaee;padding:14px 22px}.admin-mobile-nav a,.admin-mobile-nav button{background:#f1f6f8;border:1px solid #e3edf0;border-radius:8px;padding:8px 11px;color:#174c65;font-size:12px;font-weight:700}.admin-mobile-nav a[aria-current="page"]{background:#dceef1}
@media(max-width:1090px){.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-body footer{margin-left:210px}.admin-sidebar .brand{font-size:13px}.admin-nav a{font-size:12px;padding:9px}.admin-main .invoice-line{grid-template-columns:minmax(190px,2.5fr) 90px 100px 110px 36px}}
@media(max-width:850px){.admin-shell{display:block}.admin-sidebar{display:none}.admin-topbar{min-height:62px;gap:15px;justify-content:flex-start}.menu-toggle{display:inline-block}.topbar-tag{margin-left:auto}.admin-main{min-height:calc(100vh - 62px);padding:27px 24px 60px}.admin-body footer{margin-left:0}.login-layout{grid-template-columns:1fr;max-width:650px;min-height:0}.login-intro{border-radius:22px 22px 0 0;padding:35px}.login-intro h1{font-size:39px}.login-intro small,.login-features{margin-top:18px}.login-card{border-radius:0 0 22px 22px;padding:35px}}
@media(max-width:650px){.admin-main{padding:23px 15px 55px}.admin-main .columns,.admin-main .grid2,.admin-main .stats{grid-template-columns:1fr}.admin-main .form,.admin-main .panel{padding:19px}.admin-main .invoice-line{grid-template-columns:1fr 1fr;gap:11px}.admin-main .invoice-line label:first-child{grid-column:1/-1}.admin-main .line-amount{align-self:center}.admin-main .filter{width:100%}.admin-main .filter label{flex:1;min-width:155px}.admin-main .billing-paid label{font-size:14px}.admin-main .billing-paid input{width:45%;min-width:110px}.admin-main .pagehead{align-items:flex-start}.topbar-tag{display:none}.login-layout{padding:0 12px;margin:18px auto 32px}.login-intro h1{font-size:32px}.login-features{font-size:11px}.login-card h2{font-size:32px}}
@media print{.admin-sidebar,.admin-topbar,.admin-mobile-nav,.admin-body footer,.menu-toggle{display:none!important}.admin-shell,.admin-content{display:block}.admin-main{width:100%;max-width:none;margin:0;padding:0;min-height:0}.admin-main .receipt{max-width:none;box-shadow:none;border:0;padding:0}.admin-main .receipt button{display:none}.admin-main .tablewrap{box-shadow:none}.admin-main .panel{box-shadow:none}}
@media(min-width:851px){.admin-mobile-nav,.admin-mobile-nav:not([hidden]){display:none}}
.admin-main .profit-report tbody tr:last-child{background:#e8f4ee}.admin-main .profit-report tbody tr:last-child td{color:#176348;font-size:15px;font-weight:900}.admin-main .profit-report tbody tr:nth-last-child(4){background:#f0f6fa}.admin-main .profit-report tbody tr:nth-last-child(4) td{font-weight:800;color:#164f70}
/* Sidebar links must override the public header's generic nav link color. */
.admin-sidebar .admin-nav a:not(.button){color:#e3f0f5}
.admin-sidebar .admin-nav a:not(.button):hover{color:#fff;background:#285367}
.admin-sidebar .admin-nav a.active:not(.button){color:#fff;background:#28566a}
.admin-mobile-nav a:not(.button){color:#174c65}
/* Comfortable reading size across forms, navigation and data tables. */
.admin-body{font-size:16px;line-height:1.55}
.admin-shell{grid-template-columns:268px minmax(0,1fr)}
.admin-body footer{margin-left:268px;font-size:13px}
.admin-sidebar .brand{font-size:17px}
.admin-sidebar .brand small{font-size:11px}
.sidebar-kicker{font-size:12px}
.admin-sidebar .admin-nav{font-size:15px}
.admin-sidebar .admin-nav a:not(.button){font-size:15px;line-height:1.35;padding:12px 13px}
.sidebar-bottom,.admin-sidebar .logout button{font-size:14px}
.sidebar-user small{font-size:12px}
.admin-topbar{font-size:14px}
.topbar-tag{font-size:11px}
.admin-main .pagehead p{font-size:16px}
.admin-main .form h2,.admin-main .panel h2{font-size:22px}
.admin-main label{font-size:15px;line-height:1.45}
.admin-main input,.admin-main select{min-height:48px;font-size:16px;line-height:1.35;padding:11px 13px}
.admin-main .button,.admin-main .outline{min-height:48px;font-size:15px;padding:11px 18px}
.admin-main table{font-size:14px;line-height:1.45}
.admin-main th{font-size:13px;letter-spacing:0;text-transform:none;padding:15px 16px}
.admin-main td{font-size:14px;padding:15px 16px}
.admin-main .history-button,.admin-main .toggle-button{font-size:14px}
.admin-main .hint,.admin-main .panel>p,.admin-main .form>p{font-size:14px;line-height:1.6}
.admin-main .cards p,.admin-main .tile p{font-size:15px}
.admin-main .stats small{font-size:14px}
.admin-main .line-amount small{font-size:14px}
.admin-main .invoice-summary{font-size:16px}
.admin-main .filter label{min-width:190px}
.admin-mobile-nav a:not(.button),.admin-mobile-nav button{font-size:15px}
.login-card label{font-size:15px}
.login-card input{font-size:16px}
.login-card .button{font-size:16px}
@media(max-width:1090px) and (min-width:851px){.admin-shell{grid-template-columns:236px minmax(0,1fr)}.admin-body footer{margin-left:236px}.admin-sidebar .admin-nav a:not(.button){font-size:14px;padding:11px 9px}}
@media(max-width:850px){.admin-shell{display:block}.admin-body footer{margin-left:0}}
@media(max-width:650px){.admin-main label{font-size:14px}.admin-main input,.admin-main select{font-size:16px}.admin-main table,.admin-main td{font-size:14px}.admin-main .billing-paid label{font-size:15px}.admin-main .filter label{min-width:155px}}
@media print{.admin-body footer{display:none}}