:root {
  --navy:#102f67; --navy-2:#173f7c; --ink:#172033; --muted:#6b7485; --line:#dbe2ec;
  --bg:#f4f7fb; --card:#ffffff; --soft:#edf2f8; --success:#157347; --danger:#b42318; --warning:#9a6700;
  --shadow:0 12px 34px rgba(20,42,78,.08); --radius:16px;
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}a{color:var(--navy);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:100;min-height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1320px)/2));gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;color:var(--ink);font-weight:800}.brand img{width:92px;height:58px;object-fit:contain}.brand span{font-size:14px;letter-spacing:.04em}.main-nav{display:flex;align-items:center;gap:6px}.main-nav>a,.link-button{padding:10px 12px;border-radius:9px;color:#3f4b60;font-weight:650;font-size:14px}.main-nav>a:hover,.link-button:hover{background:var(--soft);color:var(--navy)}.nav-logout{margin:0}.link-button{border:0;background:transparent;cursor:pointer}.mobile-menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:22px}.page-shell{max-width:1320px;margin:0 auto;padding:32px 24px 72px}.auth-shell{max-width:none;padding:0;display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 20% 20%,#eaf0f9 0,transparent 32%),linear-gradient(135deg,#f8fafc,#eef3f9)}.page-heading{margin:4px 0 24px}.page-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:3px 0 8px;letter-spacing:-.03em}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--navy);font-weight:850;margin:0 0 7px}.muted{color:var(--muted);margin:0}.small{font-size:13px}.content-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{font-size:26px;letter-spacing:-.03em;color:var(--navy)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.content-card h2{font-size:19px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:750;line-height:1.2;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#0b2554}.btn-secondary{background:#fff;color:var(--navy);border-color:#bfcce0}.btn-secondary:hover{background:#f4f7fb}.btn-ghost{background:transparent;color:#536077;border-color:var(--line)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:#fff4f2;color:var(--danger);border-color:#f0bbb4}.btn-large{padding:13px 18px}.btn-small{padding:8px 11px;font-size:13px}.btn-block{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:10px;margin-bottom:18px}.filter-bar input,.filter-bar select{min-height:44px}.form-card{padding:24px}.form-grid{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;color:#4a566a;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;transition:.15s border,.15s box-shadow}input:focus,select:focus,textarea:focus{border-color:#6e91c7;box-shadow:0 0 0 3px rgba(16,47,103,.1)}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.sticky-actions{position:sticky;bottom:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);padding:12px;border-radius:14px;z-index:20;box-shadow:0 12px 34px rgba(20,42,78,.13)}.alert{padding:13px 15px;border-radius:11px;margin-bottom:18px;border:1px solid}.alert-error{background:#fff4f2;border-color:#f3c1bb;color:#8f2118}.alert-success{background:#effaf4;border-color:#b8e4cc;color:#11643d}.responsive-table-wrap{overflow:auto;border-radius:11px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;padding:11px 12px;background:#f1f5f9;color:#667085;font-size:12px;letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;border-bottom:1px solid #e9eef5;font-size:14px;vertical-align:middle}.data-table td small{display:block;color:var(--muted);margin-top:3px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f8fafc}.table-link{font-weight:800}.row-actions{display:flex;gap:10px}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status-draft{background:#f1f5f9;color:#5d6878}.status-issued{background:#eaf1ff;color:#204e9b}.status-paid{background:#e8f8ef;color:#146b42}.status-cancelled{background:#fff0ee;color:#9b2d22}.status-large{padding:8px 13px;font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:40px 10px}.details-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.detail-list{display:grid;grid-template-columns:140px 1fr;gap:11px 14px;margin:16px 0 0}.detail-list dt{color:var(--muted);font-size:13px}.detail-list dd{margin:0;font-weight:650}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.mini-stats div{background:var(--soft);padding:16px;border-radius:12px;display:grid;gap:4px}.mini-stats strong{font-size:25px;color:var(--navy)}.mini-stats span{font-size:12px;color:var(--muted)}.login-card{width:min(94vw,470px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 26px 70px rgba(18,45,86,.15)}.login-logo{width:100%;height:180px;object-fit:contain;margin-bottom:5px}.login-copy h1{margin:4px 0 8px;font-size:30px}.login-copy p:last-child{color:var(--muted);line-height:1.5}.stack-form{display:grid;gap:14px}.action-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-toolbar form{margin:0}.stack-actions{display:grid;gap:10px}.invoice-editor{display:grid;gap:0}.line-items{display:grid;gap:11px}.line-item{display:grid;grid-template-columns:34px minmax(260px,2.3fr) minmax(80px,.55fr) minmax(100px,.65fr) minmax(120px,.8fr) minmax(90px,.55fr) minmax(125px,.75fr) 34px;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.line-index{align-self:center;justify-self:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.line-total-box{height:40px;background:#eef3f9;border-radius:9px;padding:6px 10px;display:flex;flex-direction:column;justify-content:center}.line-total-box span{font-size:10px;color:var(--muted)}.line-total-box strong{font-size:14px;color:var(--navy)}.icon-btn{border:0;background:#fff0ee;color:#9b2d22;border-radius:9px;height:40px;font-size:23px;cursor:pointer}.editor-totals{display:grid;gap:8px;background:#f3f6fa;border-radius:12px;padding:14px}.editor-totals>div{display:flex;justify-content:space-between;gap:14px}.editor-totals span{color:var(--muted)}.editor-totals .grand{border-top:1px solid #cfd9e7;padding-top:10px;color:var(--navy)}.document-preview-wrap{overflow:auto;margin:0 0 22px;padding:16px;border-radius:16px;background:#dfe6ef}.document-preview{width:1050px;max-width:none;margin:auto;transform-origin:top left}.invoice-paper{background:#fff;color:#1a2333;font-family:Arial,sans-serif;padding:22px;box-shadow:0 8px 28px rgba(20,42,78,.14);font-size:12px}.invoice-header{display:grid;grid-template-columns:1fr .95fr;gap:12px;align-items:stretch}.invoice-logo-block{display:flex;align-items:center;justify-content:center;min-height:220px}.invoice-logo-block img{width:92%;height:210px;object-fit:contain}.invoice-title-block{background:#17386d;color:#fff;padding:18px 22px}.invoice-title-block h1{font-size:34px;margin:0 0 3px;text-align:right}.doc-variant{text-align:right;font-weight:800;margin-bottom:14px}.doc-meta{border-bottom:1px solid rgba(255,255,255,.45);padding:7px 0;display:flex;justify-content:space-between;gap:12px}.credit-reference{margin:12px 0;background:#eef3fa;border-left:4px solid #17386d;padding:10px 12px}.party-grid{display:grid;grid-template-columns:1fr 1fr;border-top:4px solid #17386d;margin-top:14px}.party-grid section{border:1px solid #cbd5e1;border-top:0;min-height:150px}.party-grid h3,.payment-info h3{margin:0;background:#17386d;color:#fff;padding:8px 10px;font-size:12px}.party-body{padding:10px;line-height:1.45}.party-body>strong{font-size:15px;color:#17386d}.event-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0;border:1px solid #cbd5e1}.event-grid div{text-align:center;padding:8px;border-right:1px solid #cbd5e1}.event-grid div:last-child{border-right:0}.event-grid span{display:block;font-size:10px;color:#6b7280;font-weight:800;margin-bottom:6px}.event-grid strong{font-size:12px}.invoice-lines-table{width:100%;border-collapse:collapse}.invoice-lines-table th{background:#17386d;color:#fff;padding:8px 6px;border:1px solid #17386d;font-size:10px}.invoice-lines-table td{padding:8px 6px;border:1px solid #d7dde7;vertical-align:top}.invoice-lines-table th:first-child,.invoice-lines-table td:first-child{text-align:center;width:34px}.invoice-lines-table th:nth-child(3),.invoice-lines-table td:nth-child(3){width:62px;text-align:center}.invoice-lines-table th:nth-child(4),.invoice-lines-table td:nth-child(4){width:60px;text-align:right}.invoice-lines-table th:nth-child(5),.invoice-lines-table td:nth-child(5),.invoice-lines-table th:nth-child(7),.invoice-lines-table td:nth-child(7){width:90px;text-align:right}.invoice-lines-table th:nth-child(6),.invoice-lines-table td:nth-child(6){width:60px;text-align:center}.blank-row td{height:28px}.payment-summary-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border:1px solid #cbd5e1}.payment-info{background:#f6f8fb}.payment-info>div{padding:10px;line-height:1.4}.summary-box{padding:8px 0 0}.summary-box>div{display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-bottom:1px solid #dce3ed}.summary-total{background:#17386d;color:#fff;font-weight:800}.amount-words{padding:10px 0;border-bottom:1px solid #dce3ed}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0}.legal-note{font-size:9px;color:#7b8492;font-style:italic}.invoice-footer{margin-top:56px;border-top:2px solid #17386d;padding-top:7px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#5f6875}

@media(max-width:960px){.stats-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.line-item{grid-template-columns:34px 1fr 1fr}.line-description{grid-column:2/-1}.line-total-box{grid-column:2/3}.remove-line{grid-column:3/4}.filter-bar{grid-template-columns:1fr 180px auto}.document-preview{transform:scale(.8);margin-bottom:-210px}}
@media(max-width:760px){.topbar{min-height:66px;padding:0 14px}.brand img{width:74px;height:48px}.brand span{display:none}.mobile-menu-btn{display:block}.main-nav{display:none;position:absolute;top:66px;left:10px;right:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:9px;flex-direction:column;align-items:stretch}.nav-open .main-nav{display:flex}.main-nav>a,.link-button{width:100%;text-align:left;padding:12px}.page-shell{padding:22px 14px 70px}.split-heading{align-items:stretch;flex-direction:column}.split-heading>.btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:100px;padding:15px}.stat-card strong{font-size:21px}.content-card{padding:16px;border-radius:14px}.filter-bar{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.full-span{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.sticky-actions{bottom:8px}.line-item{grid-template-columns:34px 1fr 1fr;padding:10px}.line-description{grid-column:2/-1}.line-item label{font-size:11px}.line-item input,.line-item select{padding:9px 8px}.document-preview-wrap{padding:6px}.document-preview{transform:scale(.56);margin-bottom:-560px}.action-toolbar{display:grid;grid-template-columns:1fr}.action-toolbar .btn,.action-toolbar form,.action-toolbar form button{width:100%}.detail-list{grid-template-columns:1fr}.detail-list dd{padding-bottom:8px;border-bottom:1px solid #edf1f5}.login-card{padding:22px;border-radius:18px}.login-logo{height:145px}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.page-heading h1{font-size:30px}.document-preview{transform:scale(.43);margin-bottom:-690px}.line-item{grid-template-columns:30px 1fr}.line-description,.line-total-box,.remove-line{grid-column:2/-1}.remove-line{width:100%}.invoice-footer{flex-direction:column}}

/* User administration */
.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef2f7;color:#4b596e;font-size:12px;font-weight:800}.role-admin{background:#eaf1ff;color:#204e9b}.current-user-note{color:var(--navy)!important;font-weight:800}.user-actions{flex-wrap:wrap;align-items:center}.user-actions form{margin:0}.access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.checkbox-card{display:flex;grid-template-columns:none;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:16px;background:#fbfcfe;cursor:pointer}.checkbox-card:hover{border-color:#aebed5;background:#f7f9fc}.checkbox-card input{width:19px;height:19px;flex:0 0 auto;margin-top:2px;accent-color:var(--navy)}.checkbox-card span{display:grid;gap:4px}.checkbox-card strong{color:var(--ink);font-size:14px}.checkbox-card small,.field-help{color:var(--muted);font-size:12px;line-height:1.4}.users-table{min-width:820px}
@media(max-width:760px){.access-options{grid-template-columns:1fr}.user-actions{display:grid;grid-template-columns:1fr}.user-actions .btn,.user-actions form,.user-actions form button{width:100%}}