:root{
  --primary:#0b5ea8;--primary-dark:#06477f;--primary-soft:#eaf4ff;--accent:#12a3c0;
  --success:#0d9b69;--warning:#e89a05;--danger:#d8435c;--ink:#15263a;--muted:#72839a;
  --line:#e5edf5;--bg:#f4f7fb;--card:#fff;--shadow:0 16px 44px rgba(19,54,86,.13);
  --radius:18px;--sidebar:304px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:var(--primary);text-decoration:none}.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e7f4fc 0%,#f7fbff 60%,#e9f7fd 100%)}
.login-pattern{position:absolute;opacity:.55}.pattern-left{width:57vw;height:100vh;left:-18vw;top:0;background:#ffd941;clip-path:polygon(0 0,100% 35%,69% 100%,0 100%)}.pattern-right{right:-30px;top:0;width:335px;height:100%;background-image:radial-gradient(circle at 18px 18px,transparent 14px,#6dc6e5 15px,#6dc6e5 16px,transparent 17px);background-size:52px 52px;opacity:.34}
.login-shell{width:min(1440px,95vw);min-height:820px;background:#fff;box-shadow:0 25px 80px rgba(28,69,100,.2);border-radius:18px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}
.login-promo{background:linear-gradient(145deg,#edf8ff 0%,#eff7fe 54%,#fff7c8 100%);padding:66px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.promo-chip{display:inline-flex;background:#dff2ff;color:var(--primary);font-size:13px;font-weight:700;padding:8px 15px;border-radius:30px}.promo-top h2{font-size:34px;line-height:1.68;margin:24px 0 9px}.promo-top h2 b{color:var(--primary)}.promo-top p{font-size:15px;color:var(--muted);line-height:2.1;max-width:620px}.promo-visual{height:400px;position:relative}.visual-grid{position:absolute;inset:50px 40px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px;transform:rotate(-3deg);opacity:.42}.visual-grid span{background:rgba(255,255,255,.75);border-radius:18px}.visual-card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 17px 38px rgba(20,72,112,.15)}.card-main{width:390px;height:265px;right:88px;top:64px;padding:22px}.mini-head{display:flex;gap:7px;margin-bottom:20px}.mini-head span{width:34px;height:9px;border-radius:7px;background:#32b4d6}.mini-row{display:flex;align-items:center;gap:12px;margin:18px 0}.mini-row i{height:10px;width:10px;border-radius:50%;background:#18a778}.mini-row b{height:9px;width:167px;border-radius:9px;background:#e3eef7}.mini-row em{height:9px;width:67px;border-radius:9px;background:#f8d470}.card-alert,.card-task{padding:17px 19px;display:grid;grid-template-columns:38px 1fr;gap:3px 7px;align-items:center;font-size:27px}.card-alert{left:22px;top:103px}.card-task{right:28px;bottom:10px}.visual-card strong{font-size:20px}.visual-card small{grid-column:2;color:var(--muted);font-size:11px}.promo-footer{display:flex;justify-content:center;gap:8px}.promo-footer span{width:28px;height:4px;border-radius:8px;background:#a2d5e9}.promo-footer .active{background:#1aabd2;width:44px}
.login-panel{padding:48px 66px;display:flex;flex-direction:column;position:relative}.login-toolbar{display:flex;justify-content:flex-end}.lang-button,.pill-button{background:var(--primary-soft);color:var(--primary);border-radius:11px;padding:9px 15px;font-weight:700}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:54px;height:54px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:17px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(11,94,168,.22)}.brand-mark span{font-weight:800;font-size:26px}.brand h1{margin:0;font-size:26px}.brand p{margin:1px 0 0;color:var(--muted);font-size:10px;letter-spacing:2.2px}.brand-login{justify-content:center;margin:64px 0 56px}.login-copy h3{font-size:28px;margin:0 0 10px}.login-copy p{font-size:14px;color:var(--muted);margin:0 0 28px}.login-form{display:grid;gap:20px}.login-form label>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.login-form input,.form-control{width:100%;border:1px solid #dbe6ef;background:#fbfdff;border-radius:10px;padding:14px 15px;outline:0;transition:.2s}.login-form input:focus,.form-control:focus{border-color:#6ebce5;box-shadow:0 0 0 3px #e0f4ff}.password-wrap{position:relative}.password-wrap button{position:absolute;left:10px;top:8px;background:transparent;color:#78a9c9;font-size:22px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.check{display:flex!important;gap:6px;align-items:center}.check input{width:auto}.primary-button{background:linear-gradient(135deg,var(--primary),#0b82bd);color:#fff;border-radius:10px;padding:13px 17px;font-weight:700;box-shadow:0 7px 15px rgba(11,94,168,.18)}.login-button{display:flex;justify-content:center;gap:9px;font-size:14px;padding:15px}.form-error{font-size:12px;color:var(--danger);margin:0}.login-help{margin-top:22px;background:#f3f9fe;border:1px solid #d8eafa;color:#56758e;padding:12px 13px;border-radius:11px;display:flex;gap:7px;font-size:11px;line-height:1.8}.login-footer{margin-top:auto;text-align:center;color:#8796a7;font-size:11px;padding-top:28px}
.app-screen{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;flex:none;position:sticky;top:0;height:100vh;z-index:30;transition:.25s}.sidebar-brand{padding:21px 18px;border-bottom:1px solid var(--line)}.sidebar-brand .brand-mark{width:47px;height:47px}.sidebar-brand .brand-mark span{font-size:22px}.sidebar-brand h1{font-size:21px}.nav{padding:13px 10px;overflow:auto;flex:1}.nav-section{font-size:11px;color:#93a3b4;padding:17px 11px 8px;font-weight:700;letter-spacing:.2px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:12px 12px;border-radius:12px;background:transparent;color:#53677c;font-size:13px;margin-bottom:3px;transition:.2s}.nav-item:hover{background:#f3f8fc;color:var(--primary)}.nav-item.active{background:linear-gradient(135deg,#e7f4ff,#f4faff);color:var(--primary);font-weight:700;box-shadow:inset -3px 0 0 var(--primary)}html[dir=ltr] .nav-item.active{box-shadow:inset 3px 0 0 var(--primary)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;background:#f1f6fa;border-radius:9px;flex:none}.nav-item.active .nav-icon{background:#d7ecff}.nav-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-badge{margin-inline-start:auto;background:var(--danger);color:#fff;border-radius:16px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px;padding:0 5px}.sidebar-footer{padding:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.profile-mini{display:flex;align-items:center;gap:8px;min-width:0}.profile-mini strong{font-size:11px;display:block}.profile-mini small{font-size:9px;color:var(--muted)}.avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:12px;font-weight:700}.logout-button{margin-inline-start:auto;background:#fff0f2;color:var(--danger);border-radius:9px;padding:8px 10px}
.app-main{flex:1;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;top:0;z-index:15}.topbar-start{display:flex;align-items:center;gap:15px}.topbar h2{font-size:20px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{width:260px;background:#f5f9fd;border-radius:11px;display:flex;align-items:center;padding:0 11px;color:#8da1b4}.global-search input{border:0;outline:0;background:transparent;padding:10px;width:100%;font-size:12px}.icon-button{width:40px;height:40px;border-radius:10px;background:#f4f8fc;color:#5e748a;position:relative}.notification-button b{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:9px}.profile-button{display:flex;gap:7px;align-items:center;background:transparent;font-size:12px;font-weight:700;color:#394b5d}.menu-button{display:none}.content{padding:25px;max-width:1850px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.page-head h3{margin:0;font-size:19px}.page-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-button,.danger-button,.ghost-button{padding:10px 14px;border-radius:9px;font-size:12px;font-weight:700}.secondary-button{background:#eaf5ff;color:var(--primary)}.danger-button{background:#fff0f2;color:var(--danger)}.ghost-button{background:#f4f7fb;color:#627588}
.grid{display:grid;gap:16px}.split-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-card,.card,.entity-card,.report-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 18px rgba(34,77,112,.045)}.kpi-card{padding:18px;display:flex;justify-content:space-between;align-items:center}.kpi-card h4{font-size:11px;color:var(--muted);margin:0}.kpi-card b{display:block;font-size:27px;margin-top:7px}.kpi-card small{font-size:10px;color:var(--success)}.kpi-icon{width:49px;height:49px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:#eaf5ff}.kpi-card.warning .kpi-icon{background:#fff6dd}.kpi-card.danger .kpi-icon{background:#ffedf0}.kpi-card.success .kpi-icon{background:#e5fbf3}.dashboard-grid{grid-template-columns:1.4fr 1fr;margin-top:16px}.card{padding:17px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-title h4{margin:0;font-size:14px}.card-title small{color:var(--muted);font-size:10px}.chart-bars{display:flex;align-items:end;height:180px;gap:17px;padding:9px 4px}.chart-col{flex:1;height:100%;display:flex;justify-content:end;align-items:center;flex-direction:column;gap:7px}.chart-bar{width:68%;background:linear-gradient(180deg,#42badd,#0d72af);border-radius:6px 6px 2px 2px;min-height:12px}.chart-col span{font-size:10px;color:var(--muted)}.ring-wrap{display:flex;align-items:center;gap:24px}.ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--primary) 0 63%,#14a9bc 63% 82%,#f2a623 82% 94%,#e5eef5 94% 100%);display:grid;place-items:center}.ring:after{content:"";width:112px;height:112px;background:#fff;border-radius:50%}.legend{display:grid;gap:11px}.legend span{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:7px;background:var(--primary)}.legend span:nth-child(2) i{background:#14a9bc}.legend span:nth-child(3) i{background:#f2a623}.legend span:nth-child(4) i{background:#e5eef5}
.table-card{margin-top:16px;padding:0;overflow:hidden}.table-toolbar{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:8px}.table-toolbar h4{margin:0;font-size:14px}.table-filters{display:flex;gap:7px;flex-wrap:wrap}.table-filters input,.table-filters select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;outline:0}table{width:100%;border-collapse:collapse}th,td{padding:12px 13px;text-align:start;border-bottom:1px solid #eef3f7;font-size:11px;white-space:nowrap}th{background:#f8fbfd;color:#6f8195;font-weight:700}tr:hover td{background:#fbfdff}.status{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700}.status.success{background:#e7f9f1;color:#087a55}.status.warning{background:#fff4d5;color:#ac6c00}.status.danger{background:#ffecee;color:#bd3149}.status.info{background:#e9f5ff;color:#0965a7}.action-link{background:transparent;color:var(--primary);padding:4px 5px;font-weight:700}.progress{height:7px;background:#e9eff4;border-radius:9px;overflow:hidden;min-width:90px}.progress span{height:100%;display:block;background:var(--success);border-radius:9px}.alert-list{display:grid;gap:9px}.alert-item{display:flex;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:12px}.alert-item .alert-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#fff3d8}.alert-item strong{display:block;font-size:12px}.alert-item p{margin:3px 0 0;color:var(--muted);font-size:10px}.alert-item time{margin-inline-start:auto;font-size:9px;color:#a0afbe}.section-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px}.tab{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:11px;color:#64778b}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.cards-toolbar{padding:14px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.cards-toolbar .table-filters{flex:1}.view-switch{display:flex;gap:4px;background:#eef4f9;border-radius:9px;padding:3px}.view-switch button{background:transparent;color:#6f8195;border-radius:7px;padding:7px 9px}.view-switch button.active{background:#fff;color:var(--primary);box-shadow:0 2px 7px rgba(34,77,112,.09)}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.entity-card{overflow:hidden;transition:.2s}.entity-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(34,77,112,.1)}.entity-card-head{padding:15px;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#fbfdff)}.entity-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf5ff;color:var(--primary);font-size:16px;font-weight:800;flex:none}.entity-title{min-width:0;flex:1}.entity-title h4{margin:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-title p{margin:5px 0 0;color:var(--muted);font-size:10px}.entity-card-body{padding:13px 15px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.meta-item small{display:block;color:#91a0af;font-size:9px;margin-bottom:4px}.meta-item b{display:block;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-card-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid var(--line);background:#fcfdff}.file-complete{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.file-complete .progress{width:86px}.card-actions{display:flex;gap:4px}.mini-button{padding:6px 8px;border-radius:7px;background:#eef7ff;color:var(--primary);font-size:10px;font-weight:700}.mini-button.archive{background:#f4f1ff;color:#6a51ae}.document-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.doc-pill{border-radius:15px;padding:5px 7px;font-size:9px;background:#eff8f4;color:#137857}.doc-pill.warning{background:#fff5dc;color:#9c6800}.doc-pill.danger{background:#ffedf0;color:#b62e47}
.upload-zone{border:2px dashed #c6dcea;border-radius:16px;padding:30px;text-align:center;background:#fbfdff}.upload-zone input{display:none}.upload-zone b{display:block;margin:8px}.upload-zone p{font-size:11px;color:var(--muted);margin:0}.upload-icon{font-size:34px}.settings-grid{grid-template-columns:1fr 1fr}.setting-group{display:grid;gap:12px}.field label{font-size:11px;font-weight:700;display:block;margin-bottom:6px}.field small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{background:#ecf7ff;border:1px solid #cde9fa;color:#346886;padding:12px;border-radius:10px;font-size:11px;line-height:1.9}.modal-backdrop{position:fixed;inset:0;background:rgba(12,30,48,.45);z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(880px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.modal.wide{width:min(1120px,97vw)}.modal-head,.modal-foot{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-foot{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.modal-head h3{margin:0;font-size:16px}.modal-close{background:#f2f6f9;border-radius:8px;padding:6px 10px}.modal-body{padding:18px}.modal-body .field{margin-bottom:12px}.toast-root{position:fixed;bottom:18px;left:18px;z-index:100;display:grid;gap:8px}.toast{background:#17354d;color:#fff;padding:11px 14px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);animation:pop .25s ease}.dashboard-welcome{background:linear-gradient(120deg,#075c9b,#149ab8);color:#fff;border-radius:17px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.dashboard-welcome:after{content:"";position:absolute;width:240px;height:240px;border:40px solid rgba(255,255,255,.08);border-radius:50%;left:-60px;top:-85px}.dashboard-welcome h3{margin:0;font-size:19px}.dashboard-welcome p{font-size:12px;margin:6px 0 0;color:#d8f2ff}.welcome-icon{font-size:42px;z-index:1}.expiry{font-weight:700}.expiry.urgent{color:var(--danger)}.expiry.soon{color:#ae7200}.kanban{grid-template-columns:repeat(4,1fr)}.kanban-col{background:#f4f8fb;border-radius:13px;padding:11px;min-height:260px}.kanban-col h4{font-size:12px;margin:0 0 10px;display:flex;justify-content:space-between}.task-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px;cursor:pointer}.task-card:hover{box-shadow:0 7px 16px rgba(34,77,112,.08)}.task-card strong{font-size:11px;display:block}.task-card p{font-size:10px;color:var(--muted);line-height:1.6}.task-meta{font-size:9px;display:flex;justify-content:space-between;color:#789}.badge{background:#eef6fb;color:#4a708c;border-radius:20px;padding:3px 7px;font-size:9px}.channel-grid{grid-template-columns:repeat(4,1fr)}.channel-card{padding:13px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px}.channel-card strong{font-size:11px}.channel-card small{display:block;color:var(--muted);font-size:9px}.switch{margin-inline-start:auto;width:35px;height:20px;border-radius:20px;background:#dce6ed;position:relative}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2.5px;right:3px;box-shadow:0 1px 4px #9ba}.switch.on{background:var(--success)}.switch.on:after{right:17px}
.profile-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#eef8ff,#fbfdff);border:1px solid #dcecf9}.profile-hero .entity-avatar{width:58px;height:58px;font-size:20px}.profile-hero h4{margin:0;font-size:15px}.profile-hero p{margin:5px 0 0;font-size:11px;color:var(--muted)}.profile-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 13px}.profile-tabs button{padding:8px 11px;border-radius:8px;background:#f3f7fa;color:#637589;font-size:11px}.profile-tabs button.active{background:var(--primary);color:#fff}.info-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-section{padding:13px;border:1px solid var(--line);border-radius:12px}.info-section h5{margin:0 0 10px;font-size:12px;color:var(--primary)}.info-list{display:grid;gap:8px}.info-line{display:flex;justify-content:space-between;gap:12px;font-size:11px}.info-line span{color:var(--muted)}.timeline{display:grid;gap:11px;margin-top:12px}.timeline-item{position:relative;padding-inline-start:21px}.timeline-item:before{content:"";position:absolute;inset-inline-start:2px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.timeline-item:after{content:"";position:absolute;inset-inline-start:6px;top:15px;bottom:-12px;width:1px;background:#dbe8f2}.timeline-item:last-child:after{display:none}.timeline-item strong{font-size:11px;display:block}.timeline-item p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.7}.timeline-item time{font-size:9px;color:#9aa8b5}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-card{padding:15px}.report-card-head{display:flex;justify-content:space-between;align-items:center}.report-icon{width:42px;height:42px;border-radius:13px;background:#eaf5ff;display:grid;place-items:center;font-size:19px}.report-card h4{font-size:13px;margin:12px 0 5px}.report-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.report-card-foot{margin-top:13px;display:flex;justify-content:space-between;align-items:center}.report-bars{display:flex;align-items:end;gap:5px;height:74px;padding:5px 0}.report-bars span{display:block;width:17px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#45b9d8,#1474ad)}.archive-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.activity-table td{white-space:normal}.activity-badge{padding:4px 7px;border-radius:13px;background:#f0f5f9;color:#547087;font-size:9px}.task-followup{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.task-step{padding:10px;border-radius:10px;background:#f4f8fb;border:1px solid var(--line);text-align:center;font-size:10px;color:#718296}.task-step.done{background:#e7f8f1;color:#107555;border-color:#caebdd}.task-step.current{background:#e9f5ff;color:var(--primary);border-color:#cce5fa}.task-step b{display:block;margin-bottom:4px}.quick-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.summary-chip{padding:6px 8px;border-radius:10px;background:#f4f8fb;font-size:10px;color:#627588}.vehicle-plate{display:inline-flex;padding:5px 9px;border:1px solid #cfdae5;border-radius:7px;background:#fff;font-size:12px;font-weight:800;letter-spacing:.6px}.section-note{color:var(--muted);font-size:11px;line-height:1.8}.empty-state{text-align:center;padding:24px;color:var(--muted);font-size:12px}
@keyframes pop{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1350px){.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{width:min(1260px,95vw);min-height:760px}.login-promo{padding:52px}.card-main{right:50px}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.login-shell{grid-template-columns:1fr;min-height:auto;width:min(660px,94vw)}.login-promo{display:none}.login-panel{min-height:720px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{position:fixed;right:calc(var(--sidebar) * -1);box-shadow:var(--shadow)}html[dir=ltr] .sidebar{left:calc(var(--sidebar) * -1);right:auto}.sidebar.open{right:0}html[dir=ltr] .sidebar.open{left:0;right:auto}.menu-button{display:inline-grid;place-items:center}.global-search,.profile-button span{display:none}.topbar{padding:0 15px}.content{padding:15px}.entity-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}.table-toolbar{min-width:700px}.dashboard-welcome{padding:14px}.dashboard-welcome h3{font-size:15px}.channel-grid{grid-template-columns:1fr}.info-sections{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}}
@media(max-width:560px){.login-panel{padding:28px 23px;min-height:670px}.brand-login{margin:55px 0 48px}.kpi-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.topbar-actions{gap:5px}.kanban{grid-template-columns:1fr}.task-followup{grid-template-columns:repeat(2,1fr)}.meta-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}}

/* MASAR 360 v5 premium visual enhancements */
:root{--sidebar:342px}
.login-shell{width:min(1580px,96vw);min-height:880px;border-radius:22px}.login-panel{padding:58px 78px}.brand-login{margin:74px 0 64px}.brand-login .brand-mark{width:68px;height:68px;border-radius:21px}.brand-login .brand-mark span{font-size:32px}.brand-login h1{font-size:32px}.login-copy h3{font-size:32px}.login-copy p{font-size:15px}.login-form{gap:22px}.login-form input{padding:16px 16px;font-size:14px}.login-button{padding:17px;font-size:15px}.login-promo{padding:76px}.promo-top h2{font-size:39px}.promo-top p{font-size:16px}.sidebar-brand{padding:24px 20px}.sidebar-brand .brand-mark{width:54px;height:54px}.sidebar-brand h1{font-size:23px}.nav{padding:16px 12px}.nav-section{font-size:12px;padding:19px 12px 9px}.nav-item{gap:13px;padding:13px 13px;border-radius:13px;font-size:14px;margin-bottom:4px}.nav-icon{width:34px;height:34px;border-radius:10px}.nav-icon svg{width:19px;height:19px}.sidebar-footer{padding:15px}.profile-mini strong{font-size:12px}.profile-mini small{font-size:10px}.topbar{height:86px}.content{padding:27px}.compact-kpis{margin-bottom:16px}.compact-kpis .kpi-card{padding:16px}.elevated-tabs{padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 14px rgba(34,77,112,.04);margin-bottom:13px}.cards-toolbar.card{padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.flex-filters{display:flex;gap:8px;flex-wrap:wrap}.flex-filters input{min-width:270px}.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entity-card{transition:.2s}.entity-card:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(34,77,112,.10)}.employee-topline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.employee-topline span{font-size:9px;color:#587087;background:#f1f7fb;border-radius:20px;padding:5px 7px}.expanded-meta{gap:12px 14px}.expanded-meta .meta-item small{font-size:9px}.expanded-meta .meta-item b{font-size:10.5px}.vehicle-avatar{background:linear-gradient(135deg,#e7f5ff,#eafcf6)}.profile-modal-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.profile-hero.detailed{justify-content:flex-start}.profile-hero-copy{flex:1;min-width:0}.large-avatar{width:68px!important;height:68px!important;font-size:23px!important}.profile-tabs-large button{padding:9px 13px}.profile-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-dashboard .span-two{grid-column:1/-1}.archive-panel{background:#fbfdff}.task-card-title{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.task-progress,.detail-progress{display:flex;align-items:center;gap:7px;margin:10px 0 8px}.task-progress .progress{flex:1}.task-progress b{font-size:9px;color:var(--primary)}.improved-kanban .kanban-col{border:1px solid #e8eef4}.workflow-large .task-step{padding:13px 9px}.reports-hero{background:linear-gradient(120deg,#075c9b,#149ab8);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;overflow:hidden}.reports-hero span{font-size:11px;color:#cbeeff}.reports-hero h3{font-size:20px;margin:7px 0}.reports-hero p{font-size:11px;line-height:1.9;color:#d8f2ff;margin:0}.reports-hero-chart{display:flex;align-items:end;gap:8px;height:92px;padding:8px 12px;min-width:230px}.reports-hero-chart span{display:block;width:23px;border-radius:7px 7px 3px 3px;background:rgba(255,255,255,.85);position:relative}.reports-hero-chart b{display:none}.modern-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-report{position:relative;overflow:hidden}.modern-report:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#f5fbff;right:-45px;top:-45px;z-index:0}.modern-report>*{position:relative;z-index:1}.report-spark{display:flex;align-items:end;gap:5px;height:45px;margin-top:12px}.report-spark span{width:11px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#5cc2dc,#1474ad)}.modern-report .ghost-button{padding:6px 8px;font-size:10px}.archive-card{overflow:auto}.archive-card table{min-width:900px}.inline-icon{display:inline-grid;place-items:center;width:20px;height:20px}
@media(max-width:1500px){.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{width:min(1360px,95vw);min-height:790px}.login-promo{padding:58px}.login-panel{padding:48px 62px}}
@media(max-width:1050px){.login-shell{width:min(690px,94vw);min-height:auto}.login-panel{min-height:750px}.profile-dashboard{grid-template-columns:1fr}.modern-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.entity-grid.employee-grid,.entity-grid.vehicle-grid{grid-template-columns:1fr}.reports-hero{align-items:flex-start;flex-direction:column}.reports-hero-chart{width:100%;min-width:0}.modern-report-grid{grid-template-columns:1fr}.cards-toolbar.card{align-items:flex-start;flex-direction:column}.flex-filters input{min-width:100%}}
@media(max-width:560px){.login-panel{padding:28px 24px;min-height:690px}.brand-login{margin:58px 0 48px}.brand-login .brand-mark{width:58px;height:58px}.brand-login h1{font-size:27px}.login-copy h3{font-size:26px}}

/* MASAR 360 v5 premium interface */
:root{--sidebar:372px;--surface:#f7fafe;--surface-2:#eef6fc;--ink-strong:#10273d;--teal:#12a5a1;--gold:#f5b942}
body{background:linear-gradient(180deg,#f5f9fd,#eef4fa)}
.login-shell{width:min(1680px,97vw);min-height:920px;border-radius:30px;border:1px solid rgba(255,255,255,.7);box-shadow:0 32px 95px rgba(22,69,103,.22)}
.login-promo{background:linear-gradient(145deg,#e9f7ff 0%,#edf8ff 52%,#fff7c9 100%);padding:82px}.login-panel{padding:68px 88px}.brand-login{margin:88px 0 72px}.login-copy h3{font-size:35px}.login-copy p{font-size:15px}.login-form input{padding:18px 17px;border-radius:14px}.login-button{padding:18px;border-radius:14px}.login-help{margin-top:24px;border-radius:14px;padding:15px}.demo-hint{margin-top:11px;border:1px dashed #c8dfef;background:#fafdff;border-radius:12px;padding:11px 13px;color:#647c90;font-size:10px;line-height:1.9}.demo-hint code{color:var(--primary);font-weight:700;background:#edf7ff;padding:2px 5px;border-radius:5px}
.sidebar{background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:7px 0 28px rgba(39,75,106,.04)}.sidebar-brand{padding:25px 20px 22px}.nav{padding:17px 12px 20px}.nav-section{font-size:10px;color:#98a7b4;letter-spacing:.5px;text-transform:uppercase;padding:20px 13px 7px}.nav-wrap.featured{margin:6px 0 5px;padding:5px;border-radius:17px;background:linear-gradient(135deg,#f1f9ff,#f8fcff);border:1px solid #e0effa}.nav-wrap.featured>.nav-item{background:linear-gradient(135deg,#0874b7,#0aa4bd);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(8,116,183,.18)}.nav-wrap.featured>.nav-item .nav-icon{background:rgba(255,255,255,.18);color:#fff}.nav-wrap.featured>.nav-item.active{box-shadow:0 9px 21px rgba(8,116,183,.22)}.nav-children{padding:7px 8px 1px}.sub-nav-item{padding:10px 10px;font-size:12px;margin:2px 0}.sub-nav-item .nav-icon{width:28px;height:28px}.nav-item.active{background:#e8f5ff;color:#056aab;box-shadow:inset -3px 0 0 #0a8ec4}.sidebar-footer{background:#fbfdff}.content{padding:30px;max-width:1900px}.topbar{height:90px;padding:0 32px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px)}
.premium-welcome{padding:27px 29px;border-radius:22px;background:linear-gradient(120deg,#075f9d 0%,#0c88b4 58%,#11a8b6 100%);box-shadow:0 17px 34px rgba(4,100,151,.18);position:relative;overflow:hidden}.premium-welcome:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.09);left:-80px;top:-160px}.premium-welcome .hero-chip{display:inline-flex;background:rgba(255,255,255,.17);padding:6px 10px;border-radius:20px;color:#dbf8ff;font-size:10px;font-weight:700;letter-spacing:.4px}.premium-welcome h3{margin:12px 0 6px;color:#fff;font-size:23px}.premium-welcome p{max-width:900px;color:#d7f6ff;font-size:12px;line-height:2}.welcome-logo{position:relative;z-index:1;width:102px;height:102px;border-radius:30px;background:rgba(255,255,255,.15);display:grid;place-items:center;color:#fff}.welcome-logo svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.3}.welcome-logo b{position:absolute;bottom:10px;right:12px;font-size:17px;color:#fff}.workflow-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.workflow-overview div{border:1px solid #edf2f6;border-radius:14px;padding:15px;background:#fbfdff}.workflow-overview span{font-size:10px;color:var(--muted);display:block}.workflow-overview b{font-size:29px;margin:7px 0 9px;display:block}.workflow-overview i{display:block;height:5px;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--accent))}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readiness-grid div{background:#f8fbfd;border-radius:14px;padding:16px;text-align:center;border:1px solid #edf2f6}.readiness-grid b{display:block;color:var(--primary);font-size:25px;margin-bottom:6px}.readiness-grid span{font-size:10px;color:var(--muted)}
.department-hero{display:flex;align-items:center;gap:20px;border-radius:22px;padding:26px 28px;margin-bottom:17px;position:relative;overflow:hidden;color:#fff;box-shadow:0 14px 32px rgba(29,93,132,.14)}.department-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.1);left:-60px;top:-110px}.hr-hero{background:linear-gradient(120deg,#086aaf,#0b9eac)}.fleet-hero{background:linear-gradient(120deg,#164f85,#117d98)}.department-logo{width:76px;height:76px;border-radius:24px;background:rgba(255,255,255,.17);display:grid;place-items:center;flex:none;position:relative;z-index:1}.department-logo svg{width:39px;height:39px;fill:none;stroke:#fff;stroke-width:1.7}.department-logo.small{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#086faf,#0aa6b6)}.department-logo.small svg{width:31px;height:31px}.department-hero span,.developer-hero section>span{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#c9f2ff}.department-hero h3{font-size:22px;margin:7px 0}.department-hero p{font-size:11px;line-height:2;color:#dcf8ff;max-width:920px;margin:0}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hub-tile{display:flex;text-align:start;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px;border-radius:18px;box-shadow:0 6px 18px rgba(30,75,112,.04);transition:.2s;color:inherit}.hub-tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(30,75,112,.10);border-color:#cde7f8}.hub-icon{width:52px;height:52px;border-radius:16px;background:#eaf7ff;color:#0877b2;display:grid;place-items:center;flex:none}.hub-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.hub-tile h4{margin:0 0 7px;font-size:14px}.hub-tile p{font-size:10px;color:var(--muted);line-height:1.75;margin:0}.hub-tile>b{margin-inline-start:auto;color:var(--primary);background:#eef8ff;border-radius:14px;padding:5px 8px;font-size:11px}.department-settings-banner{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:19px;margin-bottom:14px}.department-settings-banner h3{font-size:17px;margin:0 0 5px}.department-settings-banner p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.settings-hub{margin-top:16px}
.employee-card-v5,.vehicle-card-v5{border-top:3px solid #e3f3ff}.employee-card-v5:hover,.vehicle-card-v5:hover{border-top-color:var(--primary)}.profile-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#ffffff,#f6fbff);border:1px solid var(--line);padding:18px;border-radius:19px;margin-bottom:13px}.profile-banner-copy{flex:1}.profile-banner h3{font-size:17px;margin:0}.profile-banner p{font-size:11px;color:var(--muted);margin:5px 0}.profile-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:6px;border-radius:14px;margin:0 0 13px}.profile-tabs button{border-radius:10px;padding:10px 13px;background:#f5f8fb;color:#60758b;font-size:11px;font-weight:700}.profile-tabs button.active{background:linear-gradient(135deg,var(--primary),#0a94b9);color:#fff;box-shadow:0 5px 11px rgba(7,103,168,.16)}.document-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.document-cards>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fbfdff;border-radius:13px;padding:12px}.document-cards svg{width:22px;height:22px;fill:none;stroke:var(--primary);stroke-width:1.7}.document-cards div div{flex:1}.document-cards b,.document-cards small{display:block}.document-cards b{font-size:11px}.document-cards small{color:var(--muted);font-size:9px;margin-top:4px}.employee-workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.employee-workflow-strip div{padding:13px;border-radius:13px;background:#f7fbfd;text-align:center;border:1px solid #e9f1f6}.employee-workflow-strip b{display:block;font-size:24px;color:var(--primary)}.employee-workflow-strip span{font-size:10px;color:var(--muted)}.employee-task-list{display:grid;gap:9px}.task-row-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.task-row-card p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0}.task-row-card small{font-size:9px;color:#8ca0b2}.task-row-side{min-width:180px}.task-row-side>span{font-size:10px;color:var(--primary);font-weight:700}.task-row-side b{font-size:10px;color:var(--primary);display:block;margin:5px 0}.access-card{display:flex;gap:13px;align-items:center;background:#f7fbff;padding:15px;border:1px solid #e0edf7;border-radius:14px;margin-bottom:11px}.access-card svg{width:34px;height:34px;stroke:var(--primary);fill:none;stroke-width:1.7}.access-card small,.access-card b{display:block}.access-card small{font-size:10px;color:var(--muted);margin:3px 0}.access-card b{font-size:14px}.actions-row{margin-top:12px}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{font-size:11px;color:#5f7488;line-height:1.7;padding-inline-start:21px;position:relative}.check-list li:before{content:'✓';position:absolute;inset-inline-start:0;top:0;color:var(--success);font-weight:800}.assignment-card{display:flex;align-items:center;gap:12px;padding:14px;background:#f7fbff;border:1px solid #e2eef6;border-radius:14px}.assignment-card svg{width:26px;height:26px;stroke:var(--primary);fill:none}.assignment-card div{flex:1}.assignment-card b,.assignment-card small{display:block}.assignment-card small{font-size:10px;color:var(--muted);margin-top:5px}.medical-avatar{background:linear-gradient(135deg,#e7fbf3,#effffb);color:#0c9b6a}.policy-card .entity-card-foot{margin-top:14px}.import-card{text-align:center;padding:34px;margin-bottom:16px;background:linear-gradient(145deg,#fff,#f5fbff)}.import-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 12px;border-radius:22px;background:#e9f7ff;color:var(--primary)}.import-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}.import-card h3{font-size:17px}.import-card p{font-size:11px;max-width:720px;margin:0 auto 17px;color:var(--muted);line-height:1.9}.file-picker{display:inline-flex}.file-picker input{display:none}.small{padding:8px 11px;font-size:10px}.full{width:100%;margin-top:9px}
.report-category-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 15px}.report-category-tabs button{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;color:#5d7285;font-size:11px;text-align:start}.report-category-tabs button.active{background:linear-gradient(135deg,#e9f7ff,#f6fcff);border-color:#bcdff3;color:var(--primary);box-shadow:0 6px 13px rgba(30,103,152,.08)}.report-category-tabs span{width:30px;height:30px;border-radius:9px;background:#edf7fd;display:grid;place-items:center}.report-category-tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.developer-hero{display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#132d48,#0b5f85);border-radius:21px;color:#fff;padding:24px;margin-bottom:16px;overflow:hidden}.developer-hero>div{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.13);display:grid;place-items:center}.developer-hero svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:1.6}.developer-hero h3{font-size:20px;margin:8px 0 5px}.developer-hero p{font-size:11px;line-height:1.9;color:#d6edf6;margin:0}.developer-grid{margin-top:16px}.feature-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature-flag{display:flex;justify-content:space-between;gap:7px;padding:11px;border-radius:11px;text-align:start;background:#f6f9fb;color:#6e8090}.feature-flag.on{background:#ebfaf4;color:#0b8b61}.feature-flag span,.feature-flag b{font-size:10px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.integration-grid>div{padding:13px;background:#f7fbfd;border:1px solid #e6eff5;border-radius:12px}.integration-grid span,.integration-grid b{display:block;font-size:10px}.integration-grid b{color:var(--primary);margin-top:6px}
.soft-card{background:#fbfdff}.toast{animation:pop .25s ease}.entity-card{animation:pop .24s ease}.modal{max-width:860px}.modal-body{max-height:72vh;overflow:auto}.modal h4{font-size:12px}.modal small{color:var(--muted)}
@media(max-width:1450px){:root{--sidebar:345px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-cards{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.login-shell{min-height:820px}.login-panel{padding:52px 64px}.login-promo{padding:62px}}
@media(max-width:1050px){.hub-grid{grid-template-columns:1fr}.workflow-overview,.readiness-grid,.employee-workflow-strip{grid-template-columns:repeat(2,1fr)}.document-cards{grid-template-columns:1fr}.report-category-tabs{grid-template-columns:repeat(2,1fr)}.feature-flags{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}}
@media(max-width:680px){.department-hero,.developer-hero,.profile-banner{align-items:flex-start;flex-direction:column}.department-logo{width:60px;height:60px}.task-row-card{align-items:flex-start;flex-direction:column}.task-row-side{min-width:100%;width:100%}.report-category-tabs{grid-template-columns:1fr}.workflow-overview,.readiness-grid,.employee-workflow-strip{grid-template-columns:1fr}.login-panel{padding:28px 22px}.login-shell{border-radius:18px;min-height:710px}.brand-login{margin:54px 0 43px}.login-copy h3{font-size:27px}}


/* MASAR 360 v6 — visual design management */
.sidebar{background:var(--sidebar-bg,#fff)}
.topbar{background:var(--card,#fff)}
.primary-button{background:linear-gradient(135deg,var(--primary),var(--accent))}
html[data-sidebar-tone="custom"] .sidebar{color:#fff;border-inline-end-color:rgba(255,255,255,.10)}
html[data-sidebar-tone="custom"] .sidebar-brand,html[data-sidebar-tone="custom"] .sidebar-footer{border-color:rgba(255,255,255,.12)}
html[data-sidebar-tone="custom"] .sidebar-brand h1,html[data-sidebar-tone="custom"] .profile-mini strong{color:#fff}
html[data-sidebar-tone="custom"] .sidebar-brand p,html[data-sidebar-tone="custom"] .profile-mini small,html[data-sidebar-tone="custom"] .nav-section{color:rgba(255,255,255,.63)}
html[data-sidebar-tone="custom"] .nav-item{color:rgba(255,255,255,.76)}
html[data-sidebar-tone="custom"] .nav-item:hover{background:rgba(255,255,255,.09);color:#fff}
html[data-sidebar-tone="custom"] .nav-item.active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset -3px 0 0 var(--accent)}
html[dir=ltr][data-sidebar-tone="custom"] .nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}
html[data-sidebar-tone="custom"] .nav-icon{background:rgba(255,255,255,.09)}
html[data-sidebar-tone="custom"] .nav-item.active .nav-icon{background:rgba(255,255,255,.18)}
html[data-shadow="flat"] .card,html[data-shadow="flat"] .kpi-card,html[data-shadow="flat"] .entity-card,html[data-shadow="flat"] .report-card,html[data-shadow="flat"] .hub-tile{box-shadow:none}
html[data-shadow="strong"] .card,html[data-shadow="strong"] .kpi-card,html[data-shadow="strong"] .entity-card,html[data-shadow="strong"] .report-card,html[data-shadow="strong"] .hub-tile{box-shadow:0 15px 32px rgba(25,64,96,.14)}
html[data-density="compact"] .content{padding:18px}html[data-density="compact"] .card{padding:13px}html[data-density="compact"] .nav-item{padding:9px 11px}html[data-density="compact"] .entity-card{padding:13px}
html[data-density="spacious"] .content{padding:32px}html[data-density="spacious"] .card{padding:22px}html[data-density="spacious"] .nav-item{padding:15px 13px}html[data-density="spacious"] .entity-card{padding:20px}
.design-hero{display:flex;gap:18px;align-items:center;padding:25px 27px;border-radius:23px;margin-bottom:16px;color:#fff;background:linear-gradient(120deg,var(--primary-dark),var(--primary),var(--accent));position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(29,83,124,.16)}.design-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.09);inset-inline-end:-75px;top:-125px}.design-hero-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.17);flex:none}.design-hero svg{width:40px;height:40px;stroke:#fff;fill:none;stroke-width:1.55}.design-hero span{font-size:10px;letter-spacing:1px;color:#d9f8ff;font-weight:800}.design-hero h3{font-size:21px;margin:7px 0}.design-hero p{font-size:11px;color:#e2f9ff;line-height:1.9;max-width:960px;margin:0}.design-section{margin-bottom:16px}.design-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.design-preset{text-align:start;padding:14px;border-radius:15px;border:1px solid var(--line);background:#fbfdff;transition:.2s;color:var(--ink);position:relative}.design-preset:hover{transform:translateY(-3px);border-color:#c8dfed;box-shadow:0 9px 18px rgba(32,79,112,.08)}.design-preset.selected{border-color:var(--primary);background:linear-gradient(145deg,var(--primary-soft),#fff);box-shadow:0 7px 18px rgba(32,79,112,.10)}.preset-swatches{display:flex;gap:0;margin-bottom:12px}.preset-swatches i{height:19px;width:29px;border-radius:0}.preset-swatches i:first-child{border-radius:7px 0 0 7px}.preset-swatches i:last-child{border-radius:0 7px 7px 0}.design-preset strong,.design-preset small{display:block}.design-preset strong{font-size:12px}.design-preset small{font-size:9px;line-height:1.7;color:var(--muted);min-height:31px;margin:5px 0}.design-preset b{display:inline-flex;font-size:9px;color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:5px 8px}.design-main-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.design-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.design-color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:12px;background:#f8fbfd;border:1px solid #e7eef4}.design-color-field span{min-width:0}.design-color-field b,.design-color-field em{display:block}.design-color-field b{font-size:10px}.design-color-field em{font-size:9px;color:var(--muted);font-style:normal;margin-top:4px;letter-spacing:.4px}.design-color-field input{width:42px;height:36px;border:0;border-radius:9px;padding:0;background:transparent;flex:none}.design-controls{display:grid;gap:15px}.design-controls label>span{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:8px}.design-controls label b{color:var(--primary)}.design-controls input[type=range]{width:100%;accent-color:var(--primary)}.design-controls select{padding:10px 12px;font-size:11px}.preview-grid{grid-template-columns:1.18fr .82fr}.design-preview{display:grid;grid-template-columns:110px 1fr;min-height:245px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.design-preview aside{padding:15px 11px;background:var(--sidebar-bg);display:grid;align-content:start;gap:9px}.preview-logo{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:13px;font-weight:800;margin-bottom:8px}.design-preview aside i{height:21px;border-radius:7px;background:rgba(135,158,178,.15)}.design-preview aside i.active{background:var(--primary-soft);border-inline-start:3px solid var(--primary)}.design-preview main{padding:14px}.design-preview header{display:flex;justify-content:space-between;border-radius:10px;background:var(--card);padding:10px;margin-bottom:12px}.design-preview header span,.design-preview header b,.design-preview section strong,.design-preview section small,.design-preview article h5,.design-preview article p{display:block;border-radius:10px;background:#dce6ef}.design-preview header span{width:105px;height:9px}.design-preview header b{width:35px;height:9px;background:var(--primary-soft)}.design-preview section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-preview section div,.design-preview article{padding:12px;background:var(--card);border-radius:11px;border:1px solid var(--line)}.design-preview section strong{height:17px;width:34px;background:var(--primary)}.design-preview section small{height:7px;width:70%;margin-top:8px}.design-preview article{margin-top:10px}.design-preview article h5{height:9px;width:32%;margin:0 0 13px;background:var(--ink)}.design-preview article p{height:7px;margin:7px 0;width:100%}.design-preview article p:last-child{width:72%}.brand-assets{display:grid;gap:10px;margin-bottom:12px}.brand-assets label{display:flex;align-items:center;gap:11px;border:1px dashed #cbdce8;background:#fbfdff;padding:12px;border-radius:13px;cursor:pointer}.brand-assets label:hover{border-color:var(--primary);background:var(--primary-soft)}.brand-assets input{display:none}.asset-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.asset-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.brand-assets b,.brand-assets small{display:block}.brand-assets b{font-size:11px}.brand-assets small{font-size:9px;color:var(--muted);margin-top:5px}
@media(max-width:1350px){.design-presets{grid-template-columns:repeat(3,1fr)}.design-main-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}}
@media(max-width:850px){.design-presets{grid-template-columns:repeat(2,1fr)}.design-color-grid{grid-template-columns:1fr}.design-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.design-presets{grid-template-columns:1fr}.design-preview{grid-template-columns:82px 1fr}}
/* MASAR 360 v16 stabilization */
.nav-children{display:none}.nav-wrap.v16-open>.nav-children{display:block}.v16-nav-arrow{margin-inline-start:auto;font-style:normal}.sub-nav-item{color:#38617a!important;opacity:1!important}.sub-nav-item:hover,.sub-nav-item.active{color:#023b63!important;background:#d9f4f5!important}
.v16-dashboard-hero{display:flex;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#073c61,#078778);color:#fff;border-radius:22px;padding:24px;margin-bottom:18px}.v16-dashboard-hero small{opacity:.8}.v16-dashboard-hero h3{font-size:28px;margin:8px 0}.v16-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.v16-metric{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:16px;min-height:105px}.v16-metric b{display:block;font-size:29px;color:#063b61;margin-top:8px}.v16-metric.warning{border-color:#f4c66d;background:#fffbf2}.v16-metric.danger{border-color:#f2a9b5;background:#fff7f8}.v16-metric.accent{border-color:#9bd9d2;background:#f3fffd}.v16-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px}.v16-chart{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:16px}.v16-chart-row{display:grid;grid-template-columns:85px 1fr 35px;gap:8px;align-items:center;margin:12px 0}.v16-chart-row i{height:9px;background:#edf3f7;border-radius:9px;overflow:hidden}.v16-chart-row em{display:block;height:100%;background:linear-gradient(90deg,#14b9aa,#168ddd);border-radius:9px}.v16-gov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:16px}.v16-gov-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #d8e6ef;border-radius:18px;padding:16px}.v16-gov-card p{font-size:12px;color:#72839a}.v16-gov-logo{max-width:72px;max-height:46px;object-fit:contain}.v16-file input{display:none}.v16-panel{margin-top:14px}.v16-empty{text-align:center;padding:34px;color:#7a8ca2;display:grid;gap:5px}.v16-table-wrap{overflow:auto}.v16-table{min-width:720px;width:100%;border-collapse:collapse}.v16-table th,.v16-table td{padding:11px;border-bottom:1px solid #e4edf3;text-align:start;vertical-align:middle}.v16-badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#edf3f7;font-size:12px}.v16-badge.approved,.v16-badge.active,.v16-badge.authorized{background:#d9f7ec;color:#087856}.v16-badge.preview,.v16-badge.under_review,.v16-badge.needs_review{background:#fff4d2;color:#9b6500}.v16-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v16-wide{grid-column:1/-1}.v16-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.v16-presets button{border:1px solid #d6e4ed;background:#fff;padding:12px;border-radius:12px}.v16-presets button.active{border-color:#0ba59e;background:#ecfffc}.v16-presets small{display:block;color:#087856}.v16-brand-files,.v16-photo-grid,.v16-report-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.v16-brand-files label,.v16-photo-grid>div{padding:14px;border:1px dashed #b7d5e5;border-radius:12px}.v16-about{display:flex;align-items:center;gap:22px;max-width:900px}.v16-about img{width:190px}.v16-about span,.v16-about b{display:block;margin-top:12px}.v16-ai{max-width:950px}.v16-ai-messages{min-height:280px;display:grid;align-content:start;gap:10px;padding:12px;background:#f6fafc;border-radius:16px}.v16-ai-messages>div{padding:12px;border-radius:12px;max-width:82%}.v16-ai-messages .assistant{background:#fff;border:1px solid #dbe7ef}.v16-ai-messages .user{background:#0a8bb5;color:#fff;margin-inline-start:auto}.v16-ai-compose{display:flex;gap:8px;margin-top:12px}.v16-vehicle-alerts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.v16-vehicle-alerts span{background:#fff0dc;color:#94560a;padding:7px 11px;border-radius:99px}.v16-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.v16-info-grid>div{padding:12px;background:#f7fafc;border-radius:12px}.v16-info-grid small,.v16-info-grid b{display:block}.v16-section-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto;padding:10px;background:#f7fafc;border-radius:12px}@media(max-width:760px){.v16-settings-grid{grid-template-columns:1fr}.v16-dashboard-hero{display:block}.v16-dashboard-hero h3{font-size:22px}}

/* v16 login readability stabilization */
.login-promo .promo-top h2{color:#f7fbff;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.login-promo .promo-top h2 b{color:#2aa8ff;text-shadow:none}
.login-promo .promo-top p{color:#b8d5e9}
.login-promo .promo-chip{background:rgba(8,164,179,.18);border:1px solid rgba(23,207,188,.42);color:#e9ffff}
.nav-children .sub-nav-item{color:#355b74;font-weight:700}
.nav-children .sub-nav-item:hover{color:#075f94;background:#eef8fd}
.nav-children .sub-nav-item.active{color:#064d7f;background:#dff3ff}
.v16-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.v16-report-grid .card{padding:16px}.v16-report-grid h4{margin:0 0 8px}.v16-report-grid p{font-size:11px;color:#718397;min-height:18px}
.v16-brand-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.v16-brand-logo-preview{width:70px;height:70px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}.v16-brand-logo-preview img{width:100%;height:100%;object-fit:contain;padding:7px}.v16-brand-logo-preview span{font-size:10px;color:var(--muted);text-align:center;padding:8px}.v16-brand-preview b,.v16-brand-preview small{display:block}.v16-brand-preview small{color:var(--muted);margin:4px 0 10px}.v16-brand-preview i{display:inline-block;width:32px;height:10px;border-radius:99px;margin-inline-end:5px;border:1px solid rgba(0,0,0,.08)}.v16-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.v16-color-field{display:grid;grid-template-columns:1fr auto 48px;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.v16-color-field span{font-size:12px;font-weight:800;color:var(--ink)}.v16-color-field b{font-size:10px;color:var(--muted);font-family:Consolas,monospace}.v16-color-field input{width:46px;height:36px;padding:0;border:0;background:transparent}.v16-brand-controls{display:grid;gap:12px}.v16-brand-controls label{display:grid;gap:7px;font-size:12px;font-weight:800}.v16-brand-controls b{color:var(--primary);font-size:11px}.v16-brand-controls input[type=range]{width:100%;accent-color:var(--primary)}.v16-brand-files label{display:grid;gap:7px;min-height:132px;background:#fbfdff;cursor:pointer}.v16-brand-files label:hover{border-color:var(--primary);background:var(--primary-soft)}.v16-brand-files label>div{height:58px;border-radius:10px;background:#fff;border:1px solid #e4edf3;display:grid;place-items:center;overflow:hidden}.v16-brand-files img{max-width:100%;max-height:100%;object-fit:contain}.v16-brand-files span{font-size:10px;color:var(--muted);text-align:center}.v16-brand-files b{font-size:12px}.v16-brand-files small{font-size:10px;color:var(--muted)}.v16-brand-files input{display:none}
.v16-vehicle-card{border:1px solid #e5edf5!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important;overflow:hidden!important}.v16-vehicle-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 46px rgba(15,23,42,.09)!important;border-color:color-mix(in srgb,var(--primary) 24%,#e5edf5)!important}.v16-vehicle-card-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:start;padding:17px 17px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,#fff),#fff);border-bottom:1px solid #edf2f7}.v16-vehicle-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 14px 26px rgba(15,23,42,.14)}.v16-vehicle-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v16-vehicle-main{min-width:0}.v16-vehicle-type{display:inline-flex;max-width:100%;font-size:11px;font-weight:900;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 16%,#e5edf5);border-radius:999px;padding:4px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-plate{margin:9px 0 3px!important;display:inline-flex;align-items:center;justify-content:center;min-width:112px;border:2px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);font-size:19px!important;font-weight:950!important;letter-spacing:.02em;padding:6px 12px;box-shadow:inset 0 -3px 0 #f1f5f9}.v16-vehicle-main p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-tags{display:flex;gap:7px;flex-wrap:wrap;padding:12px 17px 0}.v16-vehicle-tags span{max-width:100%;font-size:10px;font-weight:800;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 17px}.v16-vehicle-data>div{min-width:0;background:#f8fafc;border:1px solid #e8eef5;border-radius:14px;padding:11px}.v16-vehicle-data small,.v16-vehicle-data b{display:block}.v16-vehicle-data small{color:var(--muted);font-size:10px;font-weight:900;margin-bottom:5px}.v16-vehicle-data b{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 17px 15px}.v16-vehicle-doc{min-width:0;border-radius:14px;padding:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.v16-vehicle-doc.soon{background:#fffbeb;border-color:#fde68a;color:#92400e}.v16-vehicle-doc.urgent{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.v16-vehicle-doc small,.v16-vehicle-doc b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-vehicle-doc small{font-size:10px;font-weight:900;opacity:.82}.v16-vehicle-doc b{font-size:11px;margin-top:4px}.v16-vehicle-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;background:#fff;border-top:1px solid #edf2f7}.v16-vehicle-progress{display:grid;grid-template-columns:auto minmax(78px,130px) auto;gap:8px;align-items:center;color:var(--muted);font-size:10px;font-weight:900}.v16-vehicle-progress i{display:block;height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.v16-vehicle-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.v16-vehicle-progress b{color:var(--primary)}@media(max-width:640px){.v16-vehicle-card-head{grid-template-columns:52px minmax(0,1fr)}.v16-vehicle-card-head>.status{grid-column:1/-1;justify-self:start}.v16-vehicle-icon{width:50px;height:50px}.v16-vehicle-data,.v16-vehicle-docs{grid-template-columns:1fr}.v16-vehicle-card-foot{align-items:flex-start;flex-direction:column}.v16-vehicle-progress{width:100%;grid-template-columns:auto 1fr auto}}


/* ====================================================================
   MASAR 360 v16.1.4 - Contrast & legibility hardening (BUG-002, BUG-004)
   Appended last so it overrides earlier rules. Raises text contrast,
   font size and input clarity across the whole UI and the login screen.
   ==================================================================== */
:root{
  --primary:#0a5499;
  --primary-dark:#063e72;
  --accent:#0e90ad;
  --ink:#0f2236;
  --ink-strong:#0a1b2e;
  --muted:#4d6075;
  --line:#d7e2ee;
}
html,body{font-family:"Segoe UI","Helvetica Neue",Tahoma,Arial,sans-serif;font-size:14.5px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.nav-item{color:#33485e;font-size:14px}
.nav-section{color:#56697d}
.profile-mini small,.kpi-card h4,.card-title small,.topbar p,.page-head p,.entity-title p,.meta-item small,.chart-col span,.legend span,.alert-item p,.field small,.visual-card small,.promo-top p{color:var(--muted)}
.meta-item small,.entity-title p{color:#566b80}
th{background:#eef4fa;color:#3c4f64;font-size:12.5px}
td{font-size:12.5px;color:#23364a}
.kpi-card h4{font-size:12px;color:#46586c}
.kpi-card b{color:var(--ink-strong)}
.global-search{color:#566b80}
.global-search input{font-size:13px}
.status.info{background:#e3f1ff;color:#0a5499}
.status.success{background:#e2f7ee;color:#06724f}
.status.warning{background:#fff1cf;color:#9a6000}
.status.danger{background:#ffe5e9;color:#b32741}
.login-copy h3{color:var(--ink-strong)}
.login-copy p{color:#3f566d;font-size:14.5px}
.login-form label>span{font-size:13.5px;color:#1f3247}
.login-form input,.form-control{font-size:15px;border:1px solid #c4d4e3;background:#fff;color:var(--ink)}
.login-form input::placeholder,.form-control::placeholder{color:#8094a8}
.login-form input:focus,.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,84,153,.16)}
.login-footer{color:#56697d}
.login-help{color:#3a5167;background:#eef6fd;border-color:#cfe5f7}
.promo-chip{background:#d3ecfb;color:var(--primary-dark)}
.promo-top h2{color:var(--ink-strong)}
.password-wrap button{color:#4a6e8a}
@media(max-width:560px){
  html,body{font-size:15px}
  .login-panel{padding:26px 20px}
  .login-copy h3{font-size:24px}
  .login-form input,.form-control{font-size:16px;padding:14px}
  .login-button{padding:16px;font-size:16px}
  .nav-item{font-size:15px;padding:13px 12px}
  td,th{font-size:13px;white-space:normal}
  .topbar h2{font-size:17px}
}

/* MASAR 360 readability pass for Arabic screens and import centers */
:root{
  --readable-font:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --text-strong:#07192d;
  --text-readable:#17283d;
}
html,body,button,input,select,textarea,table{
  font-family:var(--readable-font)!important;
  letter-spacing:0!important;
}
body{font-size:15.5px;line-height:1.75;color:var(--text-readable)}
.content{font-size:15px}
.topbar h2,.page-head h3,.card-title h4,.card h4{color:var(--text-strong);font-weight:900}
.page-head h3{font-size:22px;line-height:1.45}
.page-head p,.topbar p{font-size:13.5px;line-height:1.8;color:#42546a}
.nav-item{font-size:14.5px;font-weight:800;color:#263b52}
.nav-section{font-size:12px;font-weight:900;color:#42546a}
.mini-button,.secondary-button,.primary-button,.danger-button,.ghost-button{
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  min-height:36px;
}
.v16-gov-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.v16-gov-card{
  align-items:center;
  padding:18px;
  border-color:#cdddeb;
  box-shadow:0 10px 24px rgba(15,35,56,.055);
}
.v16-gov-card b{font-size:16px;color:var(--text-strong);font-weight:950}
.v16-gov-card small{font-size:12px;color:#52657a;font-weight:900}
.v16-gov-card p{font-size:13.5px;line-height:1.8;color:#394c63;margin:6px 0 0}
.v16-gov-logo{max-width:82px;max-height:54px}
.v16-panel,.v16-table-wrap,.card{color:var(--text-readable)}
.v16-table-wrap{
  border:1px solid #dce7f1;
  border-radius:14px;
  background:#fff;
}
.v16-table{min-width:850px}
.v16-table th,.v16-table td,th,td{
  font-size:14px!important;
  line-height:1.7!important;
  color:#182a3f!important;
  padding:13px 14px!important;
}
.v16-table th,th{
  color:#26394f!important;
  background:#f2f6fb!important;
  font-weight:950!important;
}
.v16-table td{font-weight:700}
.v16-table td small,.v16-table td span{font-size:13px}
.v16-file-name{
  min-width:230px;
  max-width:420px;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-weight:950!important;
  color:#0f2d4a!important;
}
.v16-badge,.status,.badge{
  font-size:12.5px!important;
  font-weight:950!important;
  padding:6px 10px!important;
}
.v16-empty{
  font-size:15px;
  color:#41536a;
  line-height:1.8;
}
.v16-empty b{font-size:16px;color:#17283d}
.v16-empty small{font-size:13.5px;color:#52657a}
@media(max-width:760px){
  body{font-size:15.5px}
  .content{padding:16px}
  .page-head{align-items:flex-start;flex-direction:column}
  .v16-gov-grid{grid-template-columns:1fr}
  .v16-table{min-width:720px}
  .v16-table th,.v16-table td,th,td{font-size:13.5px!important}
}