html {
  font-size: 14px;
}

:root{--ink:#172b4d;--ink-2:#27476e;--teal:#3ec6b0;--amber:#ffb84d;--canvas:#f4f6f9;--muted:#708096;--line:#e7ebf0;--sidebar:252px}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--canvas);color:#19283a;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);padding:28px 18px 20px;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;color:var(--ink);text-decoration:none}.brand img{width:44px;height:44px}.brand span{display:flex;flex-direction:column}.brand b{font-size:20px;line-height:1.1}.brand small{font-size:11px;color:#8995a5;margin-top:4px;letter-spacing:.03em}.nav-caption{font-size:10px;font-weight:700;color:#a3adba;letter-spacing:.13em;padding:10px 13px}.side-nav{display:grid;gap:4px;margin-bottom:20px}.side-nav a{height:44px;padding:0 13px;display:flex;align-items:center;gap:12px;border-radius:11px;text-decoration:none;color:#58687b;font-size:14px;font-weight:600;transition:.18s}.side-nav a:hover{background:#f3f6f8;color:var(--ink)}.side-nav a.active{background:#eef4f8;color:var(--ink)}.side-nav a.active:before{content:"";position:absolute;inset-inline-start:0;width:3px;height:24px;background:var(--teal);border-radius:0 3px 3px 0}.side-nav a.disabled{opacity:.55;cursor:default}.side-nav em{margin-inline-start:auto;background:#edf0f3;color:#697687;border-radius:20px;padding:2px 8px;font-size:11px;font-style:normal}.nav-icon{width:22px;text-align:center;font-size:19px;color:#718197}.active .nav-icon{color:var(--teal)}.sidebar-foot{margin-top:auto;background:#f6f8fa;border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:10px;color:#8994a2;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:#2eb67d;box-shadow:0 0 0 4px #dff5eb}.workspace{min-height:100vh;margin-inline-start:var(--sidebar)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:flex-end}.top-actions{display:flex;align-items:center;gap:14px}.top-actions form{margin:0}.language-btn{width:38px;height:34px;border:1px solid #dfe5eb;background:#fff;color:var(--ink);border-radius:9px;font-weight:700}.mobile-brand{display:none;align-items:center;gap:9px}.mobile-brand img{width:36px}.page-content{padding:34px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--teal);font-weight:800}.page-heading h1{font-size:29px;letter-spacing:-.02em;margin:7px 0 6px;font-weight:750;color:var(--ink)}.page-heading p,.panel-head p{margin:0;color:var(--muted);font-size:14px}.heading-actions{display:flex;gap:10px}.btn-brand,.btn-soft{border-radius:10px;padding:10px 17px;font-size:13px;font-weight:700}.btn-brand{background:var(--ink);color:#fff;border:1px solid var(--ink)}.btn-brand:hover{background:#0d203b;color:#fff}.btn-soft{background:#fff;color:var(--ink);border:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:158px;box-shadow:0 3px 14px rgba(27,45,69,.035)}.metric-top{display:flex;align-items:center;gap:10px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800}.metric-icon.navy{background:#eaf0f7;color:var(--ink)}.metric-icon.teal{background:#e2f7f3;color:#15937f}.metric-icon.amber{background:#fff3df;color:#d68b19}.metric-icon.light{background:rgba(255,255,255,.16);color:#fff}.metric-label{font-size:13px;color:#68788c;font-weight:650}.metric>strong{display:block;font-size:30px;color:var(--ink);margin:17px 0 4px;line-height:1}.metric>small{font-size:11px;color:#98a3b1}.metric.featured{background:linear-gradient(135deg,var(--ink),#264d72);border:0}.metric.featured .metric-label,.metric.featured small{color:#cbd6e2}.metric.featured>strong{color:#fff;font-size:26px}.metric.featured strong i{font-size:11px;font-style:normal;color:var(--teal);letter-spacing:.08em}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 3px 14px rgba(27,45,69,.035)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel h2{font-size:16px;color:var(--ink);margin:0 0 5px;font-weight:750}.live-pill{font-size:10px;color:#2b8c6c;background:#eaf8f2;border-radius:20px;padding:5px 9px;display:flex;align-items:center;gap:5px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#2eb67d}.status-list{display:grid;gap:4px}.status-list>div{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid #f0f2f5}.status-list>div:last-child{border:0}.status-symbol{font-size:12px}.status-symbol.payment{color:var(--amber)}.status-symbol.progress{color:#5387d7}.status-symbol.done{color:#2eb67d}.status-list p{margin:0;display:flex;flex-direction:column}.status-list b{font-size:13px;color:#35465a}.status-list small{font-size:11px;color:#9aa5b3;margin-top:3px}.status-list strong{margin-inline-start:auto;font-size:18px;color:var(--ink)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{min-height:100px;padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:.18s}.quick-grid a:hover{border-color:#a9dcd4;transform:translateY(-1px);box-shadow:0 6px 14px rgba(25,55,80,.06)}.quick-grid a.disabled{opacity:.48;cursor:default}.quick-grid span{color:var(--teal);font-size:18px;margin-bottom:9px}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px;color:#929eac;margin-top:4px}
@media(max-width:1050px){.metrics-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{display:none}.workspace{margin:0}.topbar{justify-content:space-between;padding:0 18px}.mobile-brand{display:flex}.page-content{padding:22px 16px}.page-heading{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr 1fr}}
.side-nav em.approval-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;background:#e8505b;color:#fff;font-weight:800;box-shadow:0 3px 8px rgba(232,80,91,.22)}.approval-nav-link:has(.approval-count){background:#fff8f8;color:var(--ink)}
.side-nav em.payment-nav-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;background:#e99b2c;color:#fff;font-weight:800;box-shadow:0 3px 8px rgba(233,155,44,.2)}.payment-nav-link:has(.payment-nav-count){background:#fffaf1;color:var(--ink)}
.sidebar-menu{min-height:0;overflow-y:auto;overflow-x:hidden;margin-inline:-5px;padding-inline:5px;scrollbar-width:thin;scrollbar-color:#d8e0e7 transparent}.nav-group{margin-bottom:4px}.nav-group-toggle{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:start;border-radius:9px}.nav-group-toggle:hover{background:#f6f8fa;color:var(--ink)}.nav-chevron{font-size:13px;letter-spacing:0;transition:transform .2s}.nav-group.collapsed .nav-chevron{transform:rotate(180deg)}.nav-group.collapsed .nav-group-content{display:none}.nav-group .side-nav{margin-bottom:8px}.sidebar-foot{flex-shrink:0;margin-top:12px}
@media(max-width:540px){.metrics-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.heading-actions{width:100%}.heading-actions .btn{flex:1}.page-heading h1{font-size:24px}}

/* Role-aware dashboard */
.dashboard-heading{align-items:center}.dashboard-metrics .metric{min-height:145px}.workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 18px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden}.workflow-strip a{background:#fff;padding:17px 20px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.workflow-strip a:hover{background:#f8fbfc}.workflow-strip span{font-size:24px;font-weight:800}.workflow-strip small{font-size:12px;color:var(--muted)}.management-grid{grid-template-columns:1.2fr .8fr;margin-bottom:18px}.employee-grid{margin-bottom:18px}.panel-head>a{font-size:12px;font-weight:700;color:var(--teal);text-decoration:none}.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse;white-space:nowrap}.dashboard-table th{padding:11px 13px;background:#f5f8fa;color:#738297;font-size:11px;font-weight:700;text-align:start;border-bottom:1px solid var(--line)}.dashboard-table td{padding:13px;border-bottom:1px solid #edf1f4;font-size:12px;color:#34455a}.dashboard-table tbody tr:last-child td{border-bottom:0}.dashboard-table tbody tr:hover{background:#fbfdfd}.dashboard-table td b{display:block;color:var(--ink);font-size:12px}.dashboard-table td small{display:block;color:#8a98a8;margin-top:4px}.dashboard-table .money{font-weight:750;color:#15937f;direction:ltr}.dashboard-empty{text-align:center!important;color:#98a5b4!important;padding:28px!important}.performance-list{display:grid}.performance-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef1f4}.performance-list>div:last-child{border:0}.employee-avatar{width:36px;height:36px;border-radius:11px;background:#e7f7f4;color:#15937f;display:grid;place-items:center;font-weight:800}.performance-list p{display:flex;flex-direction:column;margin:0}.performance-list p b{font-size:12px;color:var(--ink)}.performance-list p small{font-size:10px;color:#8d99a8;margin-top:4px}.performance-list>div>strong{margin-inline-start:auto;font-size:13px;color:var(--ink)}.performance-list>div>strong small{font-size:9px;color:var(--teal)}.personal-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.personal-status>div{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;gap:10px;align-items:center}.personal-status p{margin:0}.personal-status b,.personal-status small{display:block}.personal-status b{font-size:11px;color:#647489}.personal-status small{font-size:22px;color:var(--ink);font-weight:800;margin-top:5px}.dashboard-primary-action{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;text-decoration:none;border-radius:12px;padding:15px 18px;font-size:13px;font-weight:700}.dashboard-primary-action b{background:rgba(255,255,255,.13);border-radius:8px;min-width:32px;text-align:center;padding:5px}.recent-orders-panel{margin-top:0}.order-status{display:inline-flex;padding:5px 9px;border-radius:20px;background:#edf2f7;color:#526579;font-size:10px;font-weight:700}.order-status.status-1{background:#fff4df;color:#a66b0c}.order-status.status-2{background:#eaf1fb;color:#356daf}.order-status.status-3{background:#e7f7ef;color:#27805a}.order-status.status-6{background:#fff0ed;color:#b75a47}.row-link{display:inline-flex;padding:6px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:10px;font-weight:700}
@media(max-width:1050px){.management-grid,.employee-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.workflow-strip,.personal-status{grid-template-columns:1fr}.workflow-strip a{padding:13px 16px}}
.employee-performance-wide{margin-bottom:18px}.rank-badge{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e7f7f4;color:#15937f;font-weight:800}.payment-section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0 0 10px;color:var(--ink)}.payment-section-title span{direction:ltr;color:#15937f;font-size:12px}.authority-fees-title{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.management-payment-methods{display:grid;gap:7px}.management-payment-methods>div{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(110px,auto);align-items:center;gap:12px;border:1px solid var(--line);background:#f9fbfc;border-radius:10px;padding:11px 13px}.management-payment-methods span{color:#536579;font-size:11px;font-weight:700}.management-payment-methods b{direction:ltr;color:var(--ink);font-size:12px;text-align:end}.management-payment-methods small{color:#8e9baa;font-size:9px;white-space:nowrap}.online-panel{margin-top:18px}.online-panel h2{display:flex;align-items:center;gap:8px}.online-dot{width:8px;height:8px;border-radius:50%;background:#2eb67d;box-shadow:0 0 0 4px #dcf5e9}.online-count{min-width:32px;height:28px;border-radius:9px;background:#e7f7f4;color:#15937f;display:grid;place-items:center;font-size:12px;font-weight:800}.online-employees{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.online-employees>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px}.online-employees p{display:flex;flex-direction:column;margin:0;min-width:0}.online-employees b{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-employees small{font-size:9px;color:#8c99a8;margin-top:4px}.online-employees time{margin-inline-start:auto;color:#25835f;background:#e8f8f0;padding:4px 7px;border-radius:12px;font-size:8px;white-space:nowrap}
@media(max-width:900px){.online-employees{grid-template-columns:1fr 1fr}}@media(max-width:680px){.online-employees{grid-template-columns:1fr}.management-payment-methods>div{grid-template-columns:1fr auto}.management-payment-methods b{grid-column:1/-1;text-align:start}}
.management-volume-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.management-volume-strip>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.management-volume-strip>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f7f4;color:#15937f;font-weight:800}.management-volume-strip p{margin:0}.management-volume-strip small,.management-volume-strip b{display:block}.management-volume-strip small{font-size:10px;color:#7d8b9b}.management-volume-strip b{font-size:20px;color:var(--ink);margin-top:3px}.dashboard-centered-table th,.dashboard-centered-table td{text-align:center}.dashboard-centered-table td b{text-align:center}.dashboard-centered-table .money{text-align:center}.insight-grid{margin:18px 0}.entity-stats-table{min-width:650px}.statistics-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.statistics-tools label{display:flex;align-items:center;gap:8px;width:min(430px,100%);height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;color:var(--teal)}.statistics-tools input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.statistics-tools small{color:#8593a2;font-size:10px;direction:ltr}.statistics-page-panel .entity-stats-table{min-width:780px}
@media(max-width:850px){.management-volume-strip{grid-template-columns:1fr 1fr}}@media(max-width:520px){.management-volume-strip{grid-template-columns:1fr}}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

:root {
  --kh-navy: #123b5d;
  --kh-navy-deep: #092a43;
  --kh-teal: #18a999;
  --kh-gold: #f4b740;
  --kh-surface: #f5f7fa;
}
body { background: var(--kh-surface); color: #183044; font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
.brand-navbar { background: linear-gradient(115deg, var(--kh-navy-deep), var(--kh-navy)); }
.brand-lockup { display: inline-flex; align-items: center; gap: .7rem; color: #fff !important; }
.brand-lockup img { width: 42px; height: 42px; }
.brand-lockup span { display: flex; flex-direction: column; line-height: 1.05; }
.brand-lockup strong { font-size: 1.12rem; letter-spacing: .01em; }
.brand-lockup small { margin-top: .3rem; font-size: .68rem; color: #b9d5e7; font-weight: 400; }
.navbar .nav-link { color: rgba(255,255,255,.78) !important; border-radius: .55rem; padding-inline: .8rem !important; }
.navbar .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.08); }
.navbar .nav-link.disabled { color: rgba(255,255,255,.38) !important; }
.btn-primary, .text-bg-primary { background-color: var(--kh-navy) !important; border-color: var(--kh-navy) !important; }
.btn-primary:hover { background-color: var(--kh-navy-deep) !important; }
.btn-outline-primary { color: var(--kh-navy); border-color: var(--kh-navy); }
.btn-outline-primary:hover { background-color: var(--kh-navy); border-color: var(--kh-navy); }
.card { border-radius: 1rem; }
.table > :not(caption) > * > * { padding: .9rem 1rem; }
[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }

/* Shared bilingual alignment contract. Use logical start/end everywhere and
   isolate identifiers so Arabic layout never reverses numbers or references. */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="ltr"] body{direction:ltr;text-align:left}
input,select,textarea,button{font-family:inherit}
label,.field,.panel,.form-panel,.entity-card,.order-overview-card{text-align:start}
table th,table td{text-align:start}
[dir="ltr"],.numeric-value,.reference-value,.phone-value,.email-value,.money{
  direction:ltr;
  unicode-bidi:isolate;
}
html[dir="rtl"] [dir="ltr"],html[dir="rtl"] .numeric-value,html[dir="rtl"] .reference-value,
html[dir="rtl"] .phone-value,html[dir="rtl"] .email-value{text-align:right}
html[dir="ltr"] [dir="ltr"],html[dir="ltr"] .numeric-value,html[dir="ltr"] .reference-value,
html[dir="ltr"] .phone-value,html[dir="ltr"] .email-value{text-align:left}
.cell-center,.actions-cell,.row-number{text-align:center!important}
.cell-end{text-align:end!important}
.auth-nav{display:flex;align-items:center;flex-direction:row;gap:5px;margin:0;padding:0}.auth-nav .nav-item{display:flex;align-items:center}.auth-nav .nav-link{color:#627187;padding:8px 11px;font-size:12px;text-decoration:none}.auth-nav .account-link{display:flex;align-items:center;gap:5px;border-radius:9px}.auth-nav .account-link:hover{background:#f3f6f8}.auth-nav .account-link b{color:var(--ink);font-weight:650}.auth-nav .account-greeting{color:#8290a2}.auth-nav .auth-logout{border-inline-start:1px solid var(--line);padding-inline-start:5px}.auth-nav .auth-primary{background:var(--ink);color:#fff;border-radius:9px;padding-inline:14px}.auth-nav .auth-primary:hover{color:#fff;background:#0d203b}
.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:flex-start;gap:13px;box-shadow:0 3px 14px rgba(27,45,69,.035)}.entity-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5f5;color:var(--teal);font-size:22px}.entity-body{flex:1}.entity-title{display:flex;gap:8px;justify-content:space-between;align-items:center}.entity-title h2{font-size:14px;color:var(--ink);margin:0}.entity-body p{font-size:11px;color:#929eac;margin:5px 0 15px}.entity-meta{font-size:11px;color:#7d8998}.entity-meta b{font-size:15px;color:var(--ink);margin-inline-end:3px}.state-pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap}.state-pill.on{background:#e8f7f1;color:#23865f}.state-pill.off{background:#f6eeee;color:#a55757}.state-pill.waiting{background:#fff2dc;color:#b6791d}.state-pill.working{background:#eaf1fb;color:#4b79b8}.icon-action{border:0;background:transparent;color:#91a0af;font-weight:800}.sub-name{display:block;color:#9ca7b4;font-size:10px;margin-top:4px;font-weight:400}.form-panel{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 3px 14px rgba(27,45,69,.035)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.check-field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#657489}.field input,.field select{height:45px;border:1px solid #dfe5eb;border-radius:10px;padding:0 12px;background:#fbfcfd;color:var(--ink);font-size:13px;outline:0}.field input:focus,.field select:focus{border-color:#80cfc3;box-shadow:0 0 0 3px rgba(62,198,176,.1);background:#fff}.field>span,.validation-summary{color:#bd4e4e;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.check-field{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.check-field input{width:18px;height:18px;accent-color:var(--teal)}.check-field span{display:flex;flex-direction:column}.check-field b{font-size:12px;color:var(--ink)}.check-field small{font-size:10px;color:#929eac;margin-top:3px}.order-note{margin-top:16px;padding:12px;border-radius:10px;background:#eef6f8;color:#527080;font-size:11px}.status-filters{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto}.status-filters a{padding:8px 13px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:#718094;font-size:11px;white-space:nowrap}.status-filters a.active{background:var(--ink);border-color:var(--ink);color:#fff}.table-action{border:1px solid #d8e2eb;background:#fff;color:var(--ink);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.table-action.success{color:#247c5d;border-color:#bfe3d5;background:#f1faf6}@media(max-width:1050px){.entity-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.entity-grid,.form-grid{grid-template-columns:1fr}.field.full,.check-field.full{grid-column:auto}.form-panel{padding:18px}}
.customers-heading{align-items:center}.new-customer-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.new-customer-btn span{font-size:17px;color:var(--teal)}.customer-search-panel,.customer-list-panel{background:#fff;border:1px solid var(--line);box-shadow:0 3px 14px rgba(27,45,69,.035)}.customer-search-panel{padding:14px;border-radius:15px;margin-bottom:16px}.customer-search-form{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:46px;border:1px solid #dfe5eb;border-radius:11px;padding:4px 5px 4px 14px;background:#fafbfc}.customer-search-form:focus-within{border-color:#85cfc4;box-shadow:0 0 0 3px rgba(62,198,176,.11);background:#fff}.customer-search-form input{border:0;outline:0;background:transparent;width:100%;padding:0 5px;color:var(--ink);font-size:13px}.customer-search-form input::placeholder{color:#a1acb8}.search-mark{font-size:21px;color:#7e8da0;line-height:1}.clear-search{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:#8995a3;background:#edf0f3;font-size:17px}.customer-search-form button{height:36px;min-width:92px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.customer-list-panel{border-radius:16px;overflow:hidden}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.list-toolbar h2{margin:0 0 4px;color:var(--ink);font-size:15px;font-weight:750}.list-toolbar p{margin:0;color:#929eac;font-size:11px}.records-count{background:#f1f4f7;color:#6d7b8d;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:650}.customer-table-wrap{overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;min-width:760px}.customer-table th{background:#fafbfc;padding:12px 22px;color:#8995a5;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:750;text-align:start;border-bottom:1px solid var(--line)}.customer-table td{padding:16px 22px;border-bottom:1px solid #eff2f4;color:#425267;font-size:12px;vertical-align:middle}.customer-table tr:last-child td{border-bottom:0}.customer-table tbody tr:hover{background:#fbfcfd}.customer-cell{display:flex;align-items:center;gap:12px}.customer-cell>div{display:flex;flex-direction:column}.customer-cell b{color:var(--ink);font-size:13px}.customer-cell small{color:#a2acb8;font-size:10px;margin-top:3px}.customer-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#e4f6f2,#d6eee9);color:#188f7d;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.04em}.contact-link{color:#385878;text-decoration:none}.contact-link:hover{color:#138d7c;text-decoration:underline}.date-cell,.not-set{color:#8995a5}.empty-customers{text-align:center;padding:58px 20px}.empty-customers>div{width:52px;height:52px;border-radius:15px;background:#edf5f5;color:var(--teal);display:grid;place-items:center;margin:0 auto 14px;font-size:23px}.empty-customers h3{font-size:15px;color:var(--ink);margin-bottom:6px}.empty-customers p{font-size:12px;color:#929eac}@media(max-width:700px){.customers-heading{align-items:stretch}.new-customer-btn{justify-content:center}.customer-search-form{grid-template-columns:auto 1fr auto}.customer-search-form button{grid-column:1/-1;height:40px}.list-toolbar{padding:17px}.customer-table th,.customer-table td{padding-inline:16px}}
/* Unified validation feedback: visible, readable, and close to form actions. */
.validation-summary:not(:empty),.validation-summary-errors{padding:12px 15px;margin:14px 0;border:1px solid #efc3c3;border-inline-start:4px solid #c94f4f;border-radius:11px;background:#fff3f3;color:#9d3030!important;font-size:11px!important;line-height:1.8}.validation-summary ul,.validation-summary-errors ul{margin:0;padding-inline-start:20px}.validation-summary li+li,.validation-summary-errors li+li{margin-top:3px}.validation-summary-valid{display:none}.field-validation-error{display:block;color:#a93636;font-size:10px;margin-top:2px}
input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"]{direction:ltr;text-align:start;font-variant-numeric:tabular-nums}