:root{--green:#007f96;--dark:#082746;--mint:#e5f5f8;--ink:#102f4c;--muted:#657b8d;--border:#dce6ed;--bg:#f4f7fb;--amber:#a7680b;--red:#b33a39}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #dba949;outline-offset:3px}button{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:8px;padding:9px 15px;font-weight:600}button:hover{background:var(--mint)}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#006b80}button.danger{color:var(--red);border-color:#f0cdcd}button.small{padding:5px 9px;font-size:12px}.link{background:none;border:0;color:var(--green);padding:0;text-align:left}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#c9dce9;padding:28px 20px;position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;color:white;font-size:19px;font-weight:750;letter-spacing:-.5px}.brand small{display:block;color:#8bb6ce;font-size:10px;letter-spacing:2.5px;font-weight:500}.brandmark{display:grid;place-items:center;width:38px;height:38px;background:#ffffff16;border:1px solid #ffffff28;border-radius:10px;font-size:29px;line-height:1}.nav-label{font-size:10px;color:#89aec8;letter-spacing:1.6px;margin:33px 13px 11px}.nav button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:#c4d7e6;font-size:13px;font-weight:500;margin:5px 0;padding:11px 13px}.nav button.active{background:#ffffff17;color:white;border-left:3px solid #22b8cc;padding-left:10px}.nav button:hover{background:#ffffff0c}.nav-icon{width:19px;text-align:center;font-size:17px}.side-bottom{margin-top:auto;font-size:11px;border-top:1px solid #ffffff19;padding:20px 12px 0}.side-bottom strong{display:block;color:#d8e8f5;font-size:13px}.main{grid-column:2;min-width:0}.topbar{height:82px;padding:0 38px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:12px;color:var(--muted)}.company-select{border:0;font-weight:650;font-size:14px;color:var(--ink);max-width:360px;background:white;padding:0}.top-actions{display:flex;align-items:center;gap:16px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700}.user-name{font-size:12px}.user-name small{display:block;color:var(--muted);text-transform:capitalize}.content{padding:32px 38px 55px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0 0 12px}p{margin:5px 0 0}.subtitle,.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--green);margin-bottom:10px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.hero{border:1px solid #c8e4ed;border-radius:12px;padding:24px 27px;background:linear-gradient(115deg,#e6f5f9,#f2f7fc);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.hero h2{font-size:22px}.hero .pill{background:#fff9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:10px;padding:20px}.stat-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.7px;margin:10px 0 7px}.stat small{font-size:11px;color:var(--muted)}.stat-icon{background:var(--mint);padding:3px 8px;border-radius:6px;color:var(--green)}.cols{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.panel{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border);gap:10px}.panel-body{padding:22px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.quick{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;border-radius:10px;padding:18px;font-size:12px}.quick span{font-size:21px;color:var(--green)}.quick small{font-weight:400;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:600;background:#f8fafc;padding:12px 18px;border-bottom:1px solid var(--border)}td{padding:14px 18px;border-bottom:1px solid #e9eff5}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbfd}td strong{font-weight:600}td small{display:block;color:var(--muted);font-size:10px}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;border-radius:5px;padding:3px 8px;background:var(--mint);font-size:10px;font-weight:650;color:var(--green);text-transform:capitalize}.pill.draft,.pill.warn{background:#fff1d9;color:var(--amber)}.pill.void,.pill.bad{background:#fde9e8;color:var(--red)}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{max-width:300px;min-width:190px}.toolbar .count{margin-left:auto;font-size:11px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d7e2ed;border-radius:7px;background:white;padding:10px 11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #009bbd18}textarea{resize:vertical;min-height:85px}label{display:block;font-size:11px;font-weight:650;margin-bottom:6px;color:#48657e}label .optional{font-weight:400;color:var(--muted)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}.form-section{margin:23px 0 12px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--green);padding-bottom:8px;border-bottom:1px solid var(--border)}.empty{text-align:center;padding:45px 20px;color:var(--muted);white-space:normal}.empty strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}.empty button{margin-top:15px}.alert{padding:13px 16px;border-radius:8px;font-size:12px;background:#fff4df;border:1px solid #f0dfbc;color:#885d15;margin:0 0 20px}.info{background:#edf7fb;border-color:#d2e8f0;color:#285b76}.row-list{padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);font-size:12px}.row-list:last-child{border:0}.row-list small{display:block;color:var(--muted);font-size:10px}.list-dot{width:8px;height:8px;background:#dda746;border-radius:50%;display:inline-block;margin-right:8px}.bar-row{margin-bottom:16px;display:grid;grid-template-columns:110px 1fr 75px;gap:12px;align-items:center;font-size:11px}.bar{background:#e5eef5;height:7px;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#0099af;border-radius:9px}.balance{font-weight:700;font-size:22px;color:var(--green)}.footer-note{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:26px}.mobile-menu{display:none}dialog{border:1px solid var(--border);border-radius:14px;padding:0;width:min(1100px,95vw);max-height:92vh;color:var(--ink);box-shadow:0 22px 100px #0827462a;background:var(--bg)}dialog.narrow{width:min(620px,94vw)}dialog::backdrop{background:#08274667;backdrop-filter:blur(3px)}.modal-head{padding:22px 26px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3}.modal-head p{font-size:12px;color:var(--muted)}.close{border:0;font-size:20px;background:transparent;padding:2px 8px}.modal-body{padding:25px 26px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;background:white;border-top:1px solid var(--border);padding:16px 26px;position:sticky;bottom:0;z-index:3}.invoice-lines{margin:15px 0}.invoice-line{background:white;border:1px solid var(--border);border-radius:9px;padding:14px;margin-bottom:12px}.line-top{display:grid;grid-template-columns:2fr 1.4fr .6fr .6fr .9fr 32px;gap:9px;align-items:end}.line-batch{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-top:10px}.line-sub{font-size:10px;color:var(--muted);margin-top:7px}.invoice-summary{max-width:370px;margin-left:auto;background:white;padding:18px;border:1px solid var(--border);border-radius:8px}.summary-row{display:flex;justify-content:space-between;font-size:12px;margin:7px 0}.summary-row.total{font-size:20px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-weight:700}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-art{background:var(--dark);color:white;padding:10vh 9%;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:48px;line-height:1.15;margin-top:70px;letter-spacing:-2px;max-width:470px}.auth-art p{color:#b9d4e5;max-width:370px;font-size:15px;margin-top:24px}.auth-art .cross{font-size:150px;line-height:1;color:#a9d6ed2b;text-align:right}.auth-card{padding:10vh 12%;display:flex;align-items:center}.auth-card form{width:100%;max-width:420px}.auth-card h1{font-size:28px}.auth-card .field{margin-top:19px}.auth-card button.primary{width:100%;margin-top:25px;padding:12px}.error{color:var(--red);font-size:12px;margin-top:13px}.loading{padding:20vh;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:12px 22px;border-radius:9px;z-index:99;box-shadow:0 6px 25px #0002;max-width:90vw;display:none;font-size:13px}#toast.error-toast{background:#922f2f}.doc-view{background:white;padding:35px;border:1px solid var(--border);position:relative}.doc-brand{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid var(--green);padding-bottom:20px;margin-bottom:20px}.doc-brand h2{font-size:25px;color:var(--green)}.doc-brand p{font-size:11px}.doc-logo{max-width:150px;max-height:75px;object-fit:contain;margin-bottom:8px}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:22px;font-size:12px}.doc-title{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700;text-align:right}.doc-status{font-size:32px;color:#b79145;opacity:.3;font-weight:800;letter-spacing:5px}.doc-totals{margin:20px 0 20px auto;width:320px}.doc-terms{font-size:10px;white-space:pre-wrap;margin-top:20px;border-top:1px solid var(--border);padding-top:14px;overflow-wrap:anywhere}.signatures{display:flex;justify-content:space-between;margin:65px 0 15px;font-size:10px}.signatures span{border-top:1px solid #9babbd;padding:6px 20px}.doc-view table{font-size:11px;white-space:normal}.doc-view td,.doc-view th{padding:10px 7px}.tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tabs button.active{background:var(--green);color:white}#print{display:none}.report-table th,.report-table td{padding:10px 12px}.audit-detail{max-width:200px;overflow:hidden;text-overflow:ellipsis}.settings-logo{max-height:65px;max-width:160px}.feature-note{font-size:11px;color:var(--muted);margin:10px 0}.checklist{display:grid;gap:12px}.checklist div{display:flex;gap:10px;font-size:12px}.checklist .done{color:var(--green)}
@media(min-width:1600px){.content{padding-top:40px}}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.content{padding:28px 24px}.topbar{padding:0 24px}.user-name{display:none}.shell{grid-template-columns:210px 1fr}.sidebar{width:210px}.line-top{grid-template-columns:1.8fr 1.3fr .7fr .7fr .9fr 30px}}@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);width:240px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #0005}.main{width:100%}.mobile-menu{display:block}.topbar{height:70px;padding:0 15px;gap:10px}.company-select{max-width:190px;font-size:12px}.top-actions{gap:8px}.content{padding:25px 16px}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:21px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:26px}.hero{padding:20px;align-items:flex-start;flex-direction:column}.hero h2{font-size:20px}.fields,.fields.three{grid-template-columns:1fr}.line-top{grid-template-columns:1fr 1fr 1fr}.line-top>div:first-child{grid-column:span 2}.line-batch{grid-template-columns:1fr}.modal-body{padding:18px}.modal-head{padding:17px}.modal-foot{padding:14px}.doc-view{padding:18px}.doc-meta{gap:15px}.doc-brand h2{font-size:19px}.auth{grid-template-columns:1fr}.auth-art{padding:25px}.auth-art h1,.auth-art p,.auth-art .cross,.auth-art .footer-note{display:none}.auth-card{padding:35px 25px}.footer-note{gap:20px}.signatures span{padding:6px 2px}}
@media print{@page{size:A4;margin:12mm}body{background:white;font-size:11px}#app,dialog,#toast{display:none!important}#print{display:block!important}.doc-view{border:0;padding:0}.doc-view table{width:100%;font-size:9px}.doc-view th,.doc-view td{padding:7px 4px}.doc-brand h2{font-size:22px}.doc-meta{font-size:10px}.doc-terms{font-size:8px}.doc-totals{width:280px}.signatures{break-inside:avoid}.doc-totals,.doc-terms{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}th{background:#eee!important;color:#333}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-print{font-size:8px}.report-print table{font-size:7px;white-space:normal}.report-print td,.report-print th{padding:5px 3px}.report-print h2{font-size:18px}.report-print .no-print{display:none}}
.modal-foot{flex-wrap:wrap}[hidden]{display:none!important}
@page stock-report{size:A4 landscape;margin:9mm}@media print{.report-print{page:stock-report}.report-print table{font-size:9px}.report-print td,.report-print th{padding:7px 4px}}
.platform-intro{background:linear-gradient(120deg,#082746,#007f96);color:#fff;border-radius:12px;padding:27px 30px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.platform-intro .eyebrow{color:#8ee3ee}.platform-intro h2{font-size:25px;letter-spacing:-.6px}.platform-intro p{color:#bad6e8;margin-top:9px;font-size:13px}.platform-badge{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff35;padding:13px;border-radius:8px;color:#cbe4f5}.admin-chip{margin-bottom:13px;min-width:200px}.admin-chip .actions{margin-top:5px;gap:12px}.admin-chip .link{font-size:10px}.admin-note{max-width:260px;white-space:normal;color:#9b7633}.platform-intro+ .stats .stat-value{color:#007f96}@media(max-width:760px){.platform-intro{padding:23px;display:block}.platform-badge{display:inline-block;margin-top:20px}.platform-intro h2{font-size:22px}}

/* Meddlinx branding and everyday workflows */
.company-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;letter-spacing:0}.company-brand img{display:block;width:190px;height:66px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.company-brand>span{font-size:13px;font-weight:600;color:#b9d9eb;letter-spacing:1px}.auth-art .company-brand img{width:240px;height:84px}.auth-art h1{font-size:44px;margin-top:34px}.auth-art{padding-top:7vh;padding-bottom:6vh}.auth-features{display:grid;gap:12px;margin:30px 0;color:#c3dfe9;font-size:14px}.auth-powered{font-size:12px;line-height:1.9;color:#b9d9eb}.auth-powered a{color:#e1f3fb;text-underline-offset:4px}.main{display:flex;flex-direction:column}.content{width:100%;flex:1}.app-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 38px;border-top:1px solid var(--border);background:white;font-size:12px;color:var(--muted)}.app-footer a{color:var(--green);text-decoration:none}.sidebar{overflow-y:auto}.nav-label{margin-top:22px}.nav button{margin:2px 0;padding-top:9px;padding-bottom:9px}.extra-fields,.setup-check{border:1px solid var(--border);border-radius:9px;background:#fff;margin:18px 0;padding:14px 16px}.extra-fields summary,.setup-check summary{cursor:pointer;font-weight:600;font-size:12px;color:var(--green)}.extra-fields[open] summary,.setup-check[open] summary{margin-bottom:18px}.setup-check .panel{border:0;margin-bottom:0}.quick{font-size:14px}.quick-grid{margin-bottom:24px}
@media(max-width:760px){.auth-art{display:flex;padding:24px}.auth-art h1,.auth-art>div:not(.company-brand){display:none}.auth-art .company-brand{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.auth-art .company-brand img{width:180px;height:62px}.auth{grid-template-columns:1fr}.auth-card{padding:36px 24px}.app-footer{padding:16px}.company-brand img{width:180px;height:62px}}
@media print{.app-footer{display:none}}

@media(max-width:760px){.auth-art>.auth-powered{display:block!important;margin-top:18px}.auth-art{gap:12px}}

/* Navy and teal from the Meddlinx identity */
button.primary:hover{background:#006b80}.sidebar{color:#c9dce9}.nav button{color:#c4d7e6}.nav button.active{background:#00a1bc22;border-left-color:#22b8cc;color:#fff}.nav-label{color:#89aec8}.side-bottom{border-top-color:#ffffff20}.side-bottom strong{color:#d8e8f5}.company-brand>span{color:#c5deed}.company-brand small{color:#8bb6ce;letter-spacing:1px}.tenant-brand .tenant-name{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:0;overflow-wrap:anywhere}.company-monogram{display:grid;place-items:center;min-width:58px;height:58px;padding:8px;border-radius:12px;background:#00a1bc22;border:1px solid #36bdd050;color:#8ee3ee!important;font-size:24px!important}.tenant-brand img{height:72px}.auth-art{background:linear-gradient(150deg,#082746,#0b3655)}.auth-art .eyebrow{color:#6fd4e1!important}.auth-art p{color:#b9d4e5}.auth-features,.auth-powered{color:#c1dce9}.auth-powered a{color:#86d9e7}.hero,.platform-banner{background:linear-gradient(115deg,#e6f5f9,#f2f7fc);border-color:#c8e4ed}.stat-icon{color:#007f96}.info{background:#edf7fb;border-color:#d2e8f0;color:#285b76}.checklist .done{color:#007f96}.doc-brand{border-color:#007f96}.bar i{background:#0099af}.side-bottom p{color:#a5c3d6!important}

/* Simple central sign-in, matching the Meddlinx business portal */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:36px 20px;background:radial-gradient(ellipse at top left,#e5f7fa,transparent 55%),linear-gradient(140deg,#f4f8fc,#eaf0f9)}.login-panel{width:100%;max-width:480px;background:#fff;border:1px solid #dfe9f3;border-radius:24px;padding:32px 38px 24px;box-shadow:0 20px 65px #143c6512}.login-logo{display:block;width:240px;max-width:100%;height:84px;object-fit:contain;margin:0 auto 20px}.login-panel .eyebrow{text-align:center;color:#008ca8;margin-bottom:14px}.login-panel h1{text-align:center;font-size:30px;color:#082746}.login-panel .muted{text-align:center;font-size:13px;margin-bottom:26px}.login-panel .field{margin-top:18px}.login-panel label{font-size:13px;color:#183c5c}.login-panel input{border-radius:11px;min-height:48px;background:#f7faff;border-color:#d9e5f1}.login-panel button.primary{width:100%;padding:13px;margin-top:22px;border:0;border-radius:11px;background:linear-gradient(105deg,#102f54,#008ca5);font-size:15px;box-shadow:0 7px 18px #0c67851a}.login-panel .feature-note{text-align:center;margin-top:16px;line-height:1.6}.login-footer{margin-top:24px;padding-top:18px;border-top:1px solid #e5edf5;display:grid;gap:6px;text-align:center;font-size:12px;color:#70869a}.login-footer a{color:#00839e;font-weight:650;text-decoration:none}button:focus-visible,a:focus-visible{outline-color:#16a6c4}.platform-intro{background:linear-gradient(115deg,#102f54,#007f96)}button.primary{background:linear-gradient(105deg,#123653,#00869f);border-color:#007f96}button.primary:hover{background:#006e87}.quick:hover{border-color:#a2d9e5;background:#f0fafc}.panel,.stat{box-shadow:0 3px 14px #173b6105}.stat-value{color:#102f54}.tabs button.active{background:#007f96}.sidebar{background:linear-gradient(170deg,#102f54,#082746)}
@media(max-width:520px){.login-screen{padding:20px 14px}.login-panel{padding:24px;border-radius:19px}.login-logo{width:215px;height:76px}.login-panel h1{font-size:27px}}

/* Refined SaaS sign-in */
.login-screen{background:radial-gradient(ellipse at 10% 10%,#dbf2f7 0,transparent 42%),radial-gradient(ellipse at 92% 88%,#e0eafa 0,transparent 45%),#f5f8fc;padding:40px 20px}.login-panel{max-width:460px;border:1px solid #e1e9f2;border-radius:20px;padding:32px 38px 24px;box-shadow:0 24px 75px #1236580d,0 3px 12px #12365805;position:relative;overflow:hidden}.login-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#113354,#00a1bc)}.login-logo{width:220px;height:76px;margin:0 auto 19px}.login-product{width:fit-content;margin:0 auto 17px;padding:5px 12px;background:#edf8fb;border:1px solid #d7eef3;border-radius:6px;color:#007e97;font-size:10px;font-weight:750;letter-spacing:1.9px}.login-panel h1{font-size:29px;font-weight:700;letter-spacing:-.8px;margin-bottom:8px}.login-panel .muted{margin-bottom:27px;color:#6c8194}.login-panel label{font-size:12px;font-weight:600;margin-bottom:7px}.login-panel input{background:#fff;min-height:48px;border:1px solid #d7e2ed;border-radius:8px;padding:12px 13px}.login-panel input:focus{border-color:#009cb7;box-shadow:0 0 0 3px #009cb712}.login-panel button.primary{border-radius:8px;margin-top:23px;min-height:48px;background:linear-gradient(105deg,#123655,#008ba4);box-shadow:0 5px 13px #08667e14}.login-panel button.primary:hover{background:linear-gradient(105deg,#0b2946,#00798f)}.login-panel .feature-note{font-size:11px;color:#728497;margin-top:16px}.login-security{margin-top:23px;display:flex;justify-content:center;align-items:center;gap:7px;color:#698195;font-size:11px}.login-security span{color:#008ba4;font-size:17px}.login-footer{margin-top:21px;padding-top:17px;font-size:11px;gap:7px}.login-footer a{font-size:12px;font-weight:600}.login-footer span{color:#8a9aaa}
@media(max-width:520px){.login-screen{padding:20px 16px}.login-panel{padding:29px 25px 22px}.login-panel h1{font-size:27px}.login-logo{width:205px;height:70px}}

.login-panel .password-toggle{display:block;margin:8px 0 0 auto;background:none;border:0;padding:2px 0;color:#007f96;font-size:11px;font-weight:600}.login-panel .password-toggle:hover{text-decoration:underline}.login-panel button.primary{margin-top:17px}

/* Daily-use finishing touches */
.settings-fields{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.8}button:disabled{cursor:not-allowed}option:disabled{color:#8292a2}.error:not(:empty){padding:11px 13px;background:#fff1f1;border:1px solid #f0cccc;border-radius:8px;margin:0 0 16px}.stat-label{min-height:36px}.nav button{min-height:40px}.settings-logo{display:block;background:#fff;border:1px solid var(--border);border-radius:7px;padding:6px;margin:6px 0 12px}input[type=file]{font-size:12px}.modal-body form>.error:empty{display:none}.quick:focus-visible{outline:3px solid #18aac5;outline-offset:2px}
@media(max-width:760px){.topbar .actions{flex-wrap:nowrap;min-width:0}.company-select{max-width:min(45vw,250px)}.company-brand img{max-width:100%}.modal-foot{gap:8px}.modal-foot button{min-height:40px}.table-wrap{-webkit-overflow-scrolling:touch}.stats .stat-label{font-size:11px}.app-footer{font-size:11px}.line-top>div:first-child{grid-column:1/-1}.invoice-summary{max-width:100%}.content{padding-bottom:28px}}
@media(max-width:390px){.stat-value{font-size:18px}.stat{padding:12px}.quick-grid{gap:9px}.quick{padding:14px}.topbar .avatar{display:none}}

/* Final deeper Meddlinx palette */
:root{--green:#006b83;--dark:#071e38;--mint:#e7f3f8;--ink:#102d49;--muted:#60758a;--border:#d9e4ee;--bg:#f2f6fb}.sidebar{background:linear-gradient(170deg,#0d2b4b,#071e38)}button.primary,.login-panel button.primary{background:linear-gradient(105deg,#0c2a49,#006e87);border-color:#006b83}button.primary:hover,.login-panel button.primary:hover{background:linear-gradient(105deg,#071f38,#005a70)}.nav button.active{background:#0099b826;border-left-color:#12acc8}.login-product,.login-footer a,.app-footer a{color:#006c85}.platform-intro{background:linear-gradient(115deg,#0c2a49,#006b83)}.tabs button.active{background:#006b83}.stat-value,.login-panel h1{color:#0c2a49}