/* src/styles/index.css */
:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f8;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{direction:rtl}body{background:#f3f5f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#101827;width:280px;padding:20px 14px;position:fixed;top:0;bottom:0;right:0;overflow:auto}.brand{border-bottom:1px solid #2a3448;justify-content:space-between;align-items:flex-start;padding:5px 10px 20px;display:flex}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:2px;color:#dfad54;font-size:30px}.brand span{color:#aab4c5;font-size:13px}.brand button{color:#fff;background:0 0;border:0;display:none}.sidebar nav{flex-direction:column;gap:5px;margin-top:18px;display:flex}.sidebar nav a{color:#cbd5e1;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#111827;background:#dfad54;font-weight:700}main{min-height:100vh;margin-right:280px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.topbar>span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;display:inline-flex}.topbar .me{margin-right:auto}.page{padding:26px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-header h1{margin:0 0 5px;font-size:29px}.page-header p{color:#667085;margin:0}.actions,.button-row{flex-wrap:wrap;gap:9px;display:flex}.card{background:#fff;border-radius:15px;margin-bottom:17px;padding:20px;box-shadow:0 5px 20px #0f172a0d}.card h2{margin-top:0}.card p,.muted{color:#667085}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px;margin-bottom:17px;display:grid}.stat-card span{color:#667085;font-size:14px;display:block}.stat-card strong{margin:9px 0;font-size:28px;display:block}.stat-card small{color:#98a2b3}.currency-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.currency-grid .card{color:#fff;background:#172033}.currency-grid span{color:#d0d5dd}.currency-grid strong{color:#f2c56d;margin:9px 0;font-size:26px;display:block}.currency-grid small{color:#98a2b3}.settings-list{gap:10px;display:grid}.settings-list>div{background:#f8fafc;border-radius:9px;justify-content:space-between;padding:12px;display:flex}.btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:10px 14px;font-weight:700}.btn.primary{color:#111827;background:#dfad54;border-color:#dfad54}.btn.danger{color:#fff;background:#b42318;border-color:#b42318}.mobile-menu,.overlay{display:none}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.mobile-menu{z-index:40;color:#fff;background:#172033;border:0;border-radius:9px;padding:8px;display:block;position:fixed;top:12px;right:12px}.sidebar{transition:all .25s;transform:translate(110%)}.sidebar.open{transform:translate(0)}.brand button{display:block}.overlay{z-index:15;background:#0006;display:block;position:fixed;inset:0}main{margin-right:0}.topbar{padding-right:60px;overflow:auto}.page{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.stats-grid,.currency-grid{grid-template-columns:1fr}.topbar .me{white-space:nowrap;margin-right:0}}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:right;border-bottom:1px solid #eef0f3;padding:12px}th{color:#667085;background:#fafafa}.modal-backdrop{z-index:100;background:#00000073;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(920px,100%);max-height:92vh;padding:20px;overflow:auto}.modal-head{justify-content:space-between;display:flex}.modal-head button{background:0 0;border:0;font-size:28px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field span{color:#475467;font-size:13px}.field input,.field select,.field textarea{border:1px solid #d0d5dd;border-radius:9px;padding:10px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.file-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.file-field{border:1px dashed #cfd6df;border-radius:10px;padding:12px}.file-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{background:#f2f4f7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge.success{color:#027a48;background:#ecfdf3}.badge.warning{color:#b54708;background:#fffaeb}.badge.danger{color:#b42318;background:#fef3f2}.contract-top{justify-content:space-between;display:flex}.money-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.money-grid>div{background:#f8fafc;border-radius:9px;padding:12px}.money-grid span{color:#667085;font-size:13px;display:block}.money-grid b{margin-top:6px;display:block}.settlement-box{background:#fff8e8;border-radius:9px;justify-content:space-between;margin:12px 0;padding:12px;display:flex}.calc-box,.notice{background:#eef4ff;border-radius:9px;padding:12px}.upload-box{text-align:center;border:2px dashed #d0d5dd;padding:40px}@media (width<=760px){.form-grid,.file-grid,.money-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.mobile-menu,.actions,.button-row{display:none!important}main{margin:0}.page{padding:0}.card{box-shadow:none}}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.details-list{gap:9px;display:grid}.details-list>div{border-bottom:1px solid #eef0f3;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.details-list span{color:#667085}.detail-title{justify-content:space-between;align-items:center;display:flex}.document-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.empty-note{color:#98a2b3}.documents-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.document-card{border:1px solid #e4e7ec;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.clickable-row{cursor:pointer}.clickable-row:hover{background:#fff8e8}.clickable-card{cursor:pointer}@media (width<=760px){.details-grid,.documents-grid{grid-template-columns:1fr}}textarea{resize:vertical}.detail-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.sticky-actions{z-index:5;background:#fff;border-radius:12px;padding:12px;position:sticky;bottom:12px;box-shadow:0 8px 28px #0f172a24}.topbar-logout{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;place-items:center;padding:7px;display:grid}.login-screen{background:linear-gradient(135deg,#101827,#25334d);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:22px;gap:15px;width:min(430px,100%);padding:30px;display:grid;box-shadow:0 25px 70px #0000004d}.login-card h1,.login-card p{text-align:center;margin:0}.login-card label{color:#475467;gap:7px;display:grid}.login-card input{border:1px solid #d0d5dd;border-radius:10px;padding:13px}.login-brand{text-align:center;color:#dfad54;letter-spacing:3px;font-size:36px;font-weight:800}.login-error{color:#b42318;text-align:center;background:#fef3f2;border-radius:9px;padding:10px}.permissions-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.permission-item{background:#f8fafc;border-radius:9px;align-items:center;gap:8px;padding:11px;display:flex}@media (width<=760px){.permissions-grid{grid-template-columns:1fr 1fr}}.print-document{color:#061f45;background:#dde2e8;min-height:100vh;padding:18px}.print-actions{flex-wrap:wrap;gap:8px;width:210mm;max-width:100%;margin:0 auto 12px;display:flex}.print-actions button{color:#fff;background:#06234a;border:0;border-radius:8px;padding:9px 13px}.print-page{box-sizing:border-box;page-break-after:always;background:#fff;border:3px solid #06234a;width:210mm;min-height:297mm;margin:0 auto 16px;padding:8mm;position:relative;overflow:hidden}.print-watermark{opacity:.04;font-size:80px;font-weight:900;position:absolute;top:120mm;left:50%;transform:translate(-50%)}.print-header{text-align:center;grid-template-columns:42mm 1fr 42mm;align-items:center;margin-bottom:6mm;display:grid}.print-logo{font-size:22px;font-weight:900;line-height:1}.print-logo em{color:#aa7a2c;font-style:normal}.print-header h1{margin:0;font-size:25px}.print-grid{grid-template-columns:1fr 1fr;gap:4mm;display:grid}.print-section{background:#fff;border:1px solid #cbd5e1;border-radius:7px;margin-bottom:4mm;position:relative;overflow:hidden}.print-section h2{color:#fff;text-align:center;background:#06234a;margin:0;padding:2.5mm;font-size:13px}.print-section.money h2{background:#aa7a2c}.print-row{border-bottom:1px solid #e5e7eb;grid-template-columns:42% 1fr;align-items:center;min-height:8mm;display:grid}.print-row:last-child{border-bottom:0}.print-row b,.print-row span{padding:1.5mm 2mm}.print-row span{background:#fbfdff;border-inline-start:1px solid #e5e7eb}.print-three{grid-template-columns:1fr 1fr 1fr;gap:2mm;padding:3mm;display:grid}.print-three span{text-align:center;border:1px solid #e5e7eb;padding:3mm}.print-note{min-height:18mm;padding:4mm}.print-terms{padding:4mm 10mm;font-size:10px;line-height:1.7}.print-sign{grid-template-columns:1fr 1fr;gap:8mm;margin-top:8mm;display:grid}.print-sign>div{text-align:center;border:1px solid #cbd5e1;border-radius:7px;padding:5mm;font-weight:900}.print-sign span{border-bottom:1px solid #111;width:70mm;margin:12mm auto 0;display:block}.print-page footer{color:#aa7a2c;letter-spacing:2px;justify-content:center;align-items:center;height:10mm;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.print-en,.print-tr{direction:ltr}.print-ar{direction:rtl}@media print{.print-actions,.sidebar,.topbar,.mobile-menu{display:none!important}.print-document{background:#fff;padding:0}.print-page{margin:0}}@media (width<=900px){.print-document{padding:6px;overflow:auto}}.server-online{color:#027a48;background:#ecfdf3!important}.server-offline{color:#b54708;background:#fffaeb!important}.server-warning{color:#b42318;white-space:nowrap}.password-cell{letter-spacing:1px;font-family:monospace;font-weight:800}.section-heading{color:var(--text,#f5f5f5);margin:22px 0 10px;font-size:1.05rem}.currency-grid small{opacity:.78;margin-top:8px;font-size:.9rem;display:block}.form-section-title{color:#061f45;background:#eef4ff;border-right:4px solid #aa7a2c;border-radius:8px;grid-column:1/-1;padding:10px 12px;font-weight:900}.settlement-tabs{flex-wrap:wrap;gap:8px;display:flex}.settlement-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.print-page-number{bottom:3mm;color:#667085;font-size:9px;position:absolute;inset-inline-end:7mm}.print-header-small{margin-bottom:4mm}.print-documents{grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;display:grid}.print-document-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;min-height:220mm;display:flex;overflow:hidden}.print-document-card h2{color:#fff;text-align:center;background:#06234a;margin:0;padding:3mm;font-size:14px}.print-document-card img{object-fit:contain;box-sizing:border-box;width:100%;height:205mm;padding:3mm}.print-pdf-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:10mm;display:flex}.print-pdf-placeholder>b{color:#aa7a2c;font-size:42px}.screen-only{color:#fff;background:#06234a;border:0;border-radius:7px;padding:8px 12px}.print-page{break-after:page;page-break-after:always;height:296mm;min-height:0}.print-page:last-child{break-after:auto;page-break-after:auto}@media (width<=1050px){.settlement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@page{size:A4 portrait;margin:0}@media print{html,body,#root{background:#fff!important;width:210mm!important;margin:0!important;padding:0!important}.print-document{background:#fff!important;width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important}.print-page{width:210mm!important;height:296mm!important;min-height:296mm!important;box-shadow:none!important;box-sizing:border-box!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:page!important;page-break-after:always!important;border:0!important;border-radius:0!important;margin:0!important;padding:7mm!important;overflow:hidden!important}.print-page:last-child{break-after:auto!important;page-break-after:auto!important}.screen-only{display:none!important}.print-section{break-inside:avoid;page-break-inside:avoid}.print-actions{display:none!important}}.stat-card-button{text-align:right;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s}.stat-card-button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a1a}.topbar-notifications{cursor:pointer;color:#172033;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.topbar-notifications:hover{background:#fff8e8;border-color:#dfad54}.topbar-notifications span{font-weight:800}.notification-stats{margin-bottom:17px}.notification-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.notification-list{gap:12px;display:grid}.notification-item{background:#fff;border:1px solid #e4e7ec;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.notification-item.unread{background:#fffbf2;border-color:#dfad54;box-shadow:inset -4px 0 #dfad54}.notification-main{cursor:pointer;min-width:0}.notification-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-title-row h3{margin:0}.notification-main p{color:#475467;white-space:pre-wrap;margin:9px 0}.notification-main small{color:#98a2b3}.notification-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.empty-notifications{text-align:center;color:#98a2b3;padding:35px 10px}@media (width<=760px){.notification-item{grid-template-columns:1fr}.notification-actions{justify-content:flex-start}.topbar-notifications{white-space:nowrap}}.kabis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kabis-row{border:1px solid var(--border,#ddd);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.kabis-row div{flex-direction:column;gap:4px;display:flex}.kabis-row strong{text-align:right;direction:ltr}@media (width<=700px){.kabis-grid{grid-template-columns:1fr}}.update-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.update-summary-grid .card{flex-direction:column;gap:7px;display:flex}.update-summary-grid strong{font-size:1.2rem}.text-success{color:#027a48}.text-danger{color:#b42318}.update-alert{border-radius:11px;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-weight:700;display:flex}.update-alert.danger{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.update-card-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.update-card-title svg{color:#aa7a2c;flex:none}.update-drop-zone{text-align:center;cursor:pointer;background:#fbfcfe;border:2px dashed #b9c1cc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;margin:18px 0;padding:24px;transition:all .15s;display:flex}.update-drop-zone:hover,.update-drop-zone.selected{background:#fffbf2;border-color:#aa7a2c}.update-drop-zone svg{color:#aa7a2c}.update-drop-zone span{color:#667085}.update-drop-zone input{display:none}.update-status-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.update-status-header>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.update-status-header h2{margin:0}.update-status-header>b{font-size:1.15rem}.update-progress{background:#eef0f3;border-radius:999px;height:12px;margin:18px 0 11px;overflow:hidden}.update-progress span{border-radius:inherit;background:linear-gradient(90deg,#aa7a2c,#dfad54);height:100%;transition:width .25s;display:block}.update-message{white-space:pre-wrap}.update-result{border-radius:12px;align-items:flex-start;gap:12px;margin-top:14px;padding:15px;display:flex}.update-result svg{flex:none}.update-result b{margin-bottom:5px;display:block}.update-result p{margin:0}.update-result.success{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.update-result.success p{color:#05603a}.update-result.danger{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.update-result.danger p{color:#912018}.update-details{margin-top:16px}.update-details b{overflow-wrap:anywhere;text-align:left;direction:ltr;max-width:65%}.update-steps{gap:10px;display:grid}.update-steps>div{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.update-steps>div>b{color:#fff;background:#06234a;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.update-steps code{direction:ltr;background:#eef0f3;border-radius:5px;padding:2px 5px}@media (width<=760px){.update-summary-grid{grid-template-columns:1fr}.update-card-title{align-items:center}.update-details>div{flex-direction:column;align-items:flex-start}.update-details b{max-width:100%}}.update-protection-banner{margin-bottom:16px}

/* ORIENT v1.2.2 — vehicle analytical accounts and internal transfers */
body.sidebar-open{overflow:hidden}
.accounting-rule{border:1px solid #b9cdf7;margin-bottom:17px;line-height:1.75}
.vehicle-account-toolbar{background:#fff;border:1px solid #e4e7ec;border-radius:13px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:17px;padding:12px 15px}
.vehicle-account-toolbar label{display:flex;align-items:center;gap:8px;font-weight:800}
.vehicle-account-toolbar select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;min-width:120px}
.money-positive{color:#027a48}.money-negative{color:#b42318}
.error-text{color:#b42318;font-weight:800}
.update-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#aa7a2c,#dfad54);transition:width .25s}
@media (max-width:980px){
  .mobile-menu{z-index:40;color:#fff;background:#172033;border:0;border-radius:9px;padding:8px;display:block;position:fixed;top:12px;right:12px}
  .sidebar{transition:transform .22s ease;transform:translateX(110%)}
  .sidebar.open{transform:translateX(0)}
  .brand button{display:block}
  .overlay{z-index:15;background:#0007;display:block;position:fixed;inset:0}
  main{margin-right:0}
  .topbar{padding-right:60px;overflow:auto}
}
@media (max-width:760px){.vehicle-account-toolbar{align-items:stretch;flex-direction:column}.vehicle-account-toolbar label,.vehicle-account-toolbar .btn{width:100%}.vehicle-account-toolbar select{flex:1}}
@media print{
  .no-print,.vehicle-account-toolbar,.mobile-menu,.overlay{display:none!important}
  .page-header{display:block!important}
  .page-header .actions{display:none!important}
  .accounting-rule{border:1px solid #999!important;background:#fff!important}
  table{min-width:0!important;font-size:10px}
  th,td{padding:6px!important}
}

/* ORIENT v1.2.3 — actual vehicle opening balances and general miscellaneous expenses */
.link-button{color:#175cd3;cursor:pointer;background:transparent;border:0;padding:0;text-align:right;font-weight:800}
.link-button:hover{text-decoration:underline}

/* ORIENT v1.2.4 — iPhone portrait drawer, compact professional interface */
@supports (height: 100dvh){.app-shell{min-height:100dvh}}
@media (max-width:980px){
  body.sidebar-open{overflow:hidden;touch-action:none}
  .mobile-menu{
    z-index:1200!important;
    top:max(10px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0!important;
    touch-action:manipulation;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:transparent;
  }
  .sidebar{
    z-index:1100!important;
    display:block!important;
    width:min(86vw,320px)!important;
    height:100vh;
    height:100dvh;
    max-height:-webkit-fill-available;
    top:0!important;
    bottom:auto!important;
    right:0!important;
    padding-top:max(20px,env(safe-area-inset-top))!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:translate3d(110%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    transition:transform .22s ease,visibility 0s linear .22s!important;
    will-change:transform;
  }
  .sidebar.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
    transition:transform .22s ease,visibility 0s linear 0s!important;
  }
  .sidebar nav a{min-height:44px;touch-action:manipulation}
  .overlay{
    z-index:1090!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#0007!important;
    touch-action:none;
    -webkit-appearance:none;
  }
  .topbar{padding-right:max(64px,calc(56px + env(safe-area-inset-right)))!important}
}

.vehicle-account-toolbar .vehicle-primary-actions{display:flex;flex-wrap:wrap;gap:9px}
@media (max-width:760px){
  .vehicle-account-toolbar .vehicle-primary-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .vehicle-account-toolbar .vehicle-primary-actions .btn{width:100%}
}

/* Static helper copy is intentionally hidden; operational errors, confirmations and data remain visible. */
.static-guidance{display:none!important}



/* v1.2.5: typeable and pasteable date fields with native calendar */
.date-input-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px;align-items:stretch;width:100%}
.date-input-shell>input[type="text"]{width:100%;direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.date-picker-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:46px;border:1px solid var(--border,#d7dce5);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;font-size:20px;line-height:1}
.date-picker-button:hover{background:#f7f8fa}
.date-picker-button>input[type="date"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.date-input-invalid>input[type="text"]{border-color:#c62828!important;box-shadow:0 0 0 2px rgba(198,40,40,.12)}
.date-input-error{grid-column:1/-1;color:#b42318;font-size:12px;margin-top:1px}
@media(max-width:600px){.date-input-shell{grid-template-columns:minmax(0,1fr) 44px}.date-picker-button{min-width:44px}}

.electronic-signature-image{display:block;max-width:260px;max-height:100px;object-fit:contain;margin:8px auto 2px;border-bottom:1px solid #222}.print-sign small{display:block;font-size:10px;margin-top:3px}
/* v1.3.13 compact contract + attachment pagination */
@media print{
.print-document>.print-page:nth-of-type(1),.print-document>.print-page:nth-of-type(2){height:auto!important;min-height:0!important;break-after:auto!important;page-break-after:auto!important;padding:4mm 6mm!important;overflow:visible!important}
.print-document>.print-page:nth-of-type(1){padding-bottom:0!important}.print-document>.print-page:nth-of-type(2){padding-top:0!important;break-after:page!important;page-break-after:always!important}
.print-document>.print-page:nth-of-type(2) .print-header,.print-document>.print-page:nth-of-type(2) .print-watermark{display:none!important}
.print-document>.print-page:nth-of-type(1) footer,.print-document>.print-page:nth-of-type(1) .print-page-number,.print-document>.print-page:nth-of-type(2) .print-page-number{display:none!important}
.print-document>.print-page:nth-of-type(2) footer{position:static!important;height:5mm!important;margin-top:2mm!important;font-size:10px!important}
.print-header{margin-bottom:2mm!important}.print-header h1{font-size:20px!important}.print-logo{font-size:17px!important}.print-grid{gap:2mm!important}.print-section{margin-bottom:2mm!important}.print-section h2{padding:1.3mm!important;font-size:11px!important}
.print-row{min-height:5.2mm!important;font-size:10px!important}.print-row b,.print-row span{padding:.7mm 1.2mm!important}.print-note{min-height:6mm!important;padding:1.5mm!important;font-size:9px!important}.print-three{padding:1.5mm!important}.print-three span{padding:1.5mm!important;font-size:9px!important}
.print-terms{padding:1.5mm 7mm!important;font-size:8.6px!important;line-height:1.35!important;margin:0!important}.print-sign{gap:5mm!important;margin-top:2mm!important}.print-sign>div{padding:2mm!important;font-size:11px!important}.print-sign span{width:55mm!important;margin:7mm auto 0!important}.electronic-signature-image{max-height:55px!important;margin:2px auto!important}.print-sign small{font-size:8px!important}
.print-attachments-page{break-before:page!important;page-break-before:always!important;height:296mm!important;min-height:296mm!important;padding:7mm!important}
}

.company-stamp-image{display:block;max-width:68mm;max-height:30mm;object-fit:contain;margin:3mm auto 0!important;border:0!important}
.mobile-customer-documents{margin:14px 0}.mobile-customer-documents h3{margin:0 0 10px;font-size:16px}.mobile-customer-documents .file-field input[type=file]{display:block;width:100%;max-width:100%;margin-top:9px}.mobile-customer-documents .file-field{min-width:0}@media (max-width:760px){.mobile-customer-documents{background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;padding:12px}.mobile-customer-documents .file-grid{grid-template-columns:1fr}.file-field input[type=file]{width:100%;max-width:100%}}


/* v1.3.32 vehicle image picker */
.contract-vehicle-field{grid-column:1/-1;display:flex;flex-direction:column;gap:8px}.contract-vehicle-field>label{font-weight:700}.vehicle-picker-open{width:100%;min-height:74px;border:2px dashed #c9d1dc;border-radius:14px;background:#fff;font-size:18px;font-weight:800;cursor:pointer}.vehicle-picker-open:hover{background:#f8fafc;border-color:#98a2b3}.selected-vehicle-summary{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dfe4ea;border-radius:14px;padding:10px;background:#fff}.selected-vehicle-summary .vehicle-picker-image,.selected-vehicle-summary .vehicle-picker-placeholder{width:110px;height:72px}.selected-vehicle-info{display:flex;flex-direction:column;gap:4px;min-width:0}.selected-vehicle-info strong{font-size:20px;direction:ltr;text-align:right}.selected-vehicle-info span{color:#667085}.vehicle-picker{display:flex;flex-direction:column;gap:12px;max-height:min(72vh,760px)}.vehicle-picker-search{width:100%;min-height:46px;font-size:16px}.vehicle-picker-count{font-weight:800;color:#344054}.vehicle-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;overflow:auto;padding:2px 4px 12px}.vehicle-picker-card{appearance:none;border:1px solid #dfe4ea;border-radius:14px;background:#fff;padding:0 0 12px;overflow:hidden;cursor:pointer;text-align:center;color:inherit;box-shadow:0 1px 3px rgba(16,24,40,.08);transition:.15s}.vehicle-picker-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,24,40,.12)}.vehicle-picker-card.selected{outline:2px solid #2563eb}.vehicle-picker-image,.vehicle-picker-placeholder{display:block;width:100%;height:150px;object-fit:cover;background:#f2f4f7}.vehicle-picker-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#98a2b3}.vehicle-picker-placeholder span{font-size:42px}.vehicle-picker-placeholder small{font-size:12px}.vehicle-picker-plate{display:block;margin:10px 8px 2px;font-size:20px;direction:ltr}.vehicle-picker-name{font-weight:700;padding:0 8px}.vehicle-picker-year{font-size:13px;color:#667085;margin-top:4px}.vehicle-picker-empty{padding:28px 12px;text-align:center;color:#667085;border:1px dashed #d0d5dd;border-radius:12px}
@media(max-width:760px){.vehicle-picker{max-height:70vh}.vehicle-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vehicle-picker-image,.vehicle-picker-placeholder{height:112px}.vehicle-picker-plate{font-size:17px}.vehicle-picker-name{font-size:13px}.selected-vehicle-summary{grid-template-columns:82px minmax(0,1fr);gap:10px}.selected-vehicle-summary .vehicle-picker-image,.selected-vehicle-summary .vehicle-picker-placeholder{width:82px;height:62px}.selected-vehicle-summary>.btn{grid-column:1/-1;width:100%}.vehicle-picker-open{min-height:64px}}
@media(max-width:390px){.vehicle-picker-grid{grid-template-columns:1fr 1fr}.vehicle-picker-image,.vehicle-picker-placeholder{height:96px}}

/* v1.3.33 vehicle picker card rendering fix */
.vehicle-picker{min-height:0}
.vehicle-picker-grid{flex:1 1 auto;min-height:0;grid-auto-rows:max-content;align-content:start}
.vehicle-picker-card{display:flex;flex-direction:column;min-height:225px;height:auto!important;align-self:start;overflow:hidden}
.vehicle-picker-card>.vehicle-picker-image,.vehicle-picker-card>.vehicle-picker-placeholder{flex:0 0 150px;min-height:150px;height:150px!important}
.vehicle-picker-card>.vehicle-picker-plate,.vehicle-picker-card>.vehicle-picker-name,.vehicle-picker-card>.vehicle-picker-year{flex:0 0 auto}
@media(max-width:760px){.vehicle-picker-grid{grid-auto-rows:max-content}.vehicle-picker-card{min-height:190px}.vehicle-picker-card>.vehicle-picker-image,.vehicle-picker-card>.vehicle-picker-placeholder{flex-basis:112px;min-height:112px;height:112px!important}}
@media(max-width:390px){.vehicle-picker-card{min-height:174px}.vehicle-picker-card>.vehicle-picker-image,.vehicle-picker-card>.vehicle-picker-placeholder{flex-basis:96px;min-height:96px;height:96px!important}}

/* ORIENT v1.3.39 vehicle image in contract details and professional contract */
.contract-details-vehicle-image-card{display:flex;justify-content:center;align-items:center;padding:14px;overflow:hidden}.contract-details-vehicle-image{display:block;width:min(100%,720px);max-height:420px;object-fit:contain;border:1px solid #d8dee8;border-radius:12px;background:#f8fafc}.print-vehicle-image{padding:3mm;text-align:center;background:#fbfdff;border-bottom:1px solid #e5e7eb}.print-vehicle-image img{display:block;width:100%;height:43mm;object-fit:contain;margin:0 auto;border-radius:4px;background:#fff}@media (max-width:760px){.contract-details-vehicle-image-card{padding:8px}.contract-details-vehicle-image{max-height:300px}}

/* ORIENT v1.3.40 — professional two-page contract layout */
.print-page{padding:8mm 9mm}.print-header{margin-bottom:4mm}.print-header h1{font-size:24px}.print-logo{font-size:20px}.print-grid{gap:3mm}.print-section{margin-bottom:3mm}.print-section h2{padding:2mm;font-size:12px}.print-row{min-height:8.6mm;font-size:11.5px}.print-row b,.print-row span{padding:1.4mm 2mm}.print-vehicle-image{padding:2.5mm}.print-vehicle-image img{height:52mm}.print-note{min-height:20mm;font-size:11px;line-height:1.6}.print-three span{font-size:11px}.print-terms{font-size:10.5px;line-height:1.65;padding:4mm 9mm}.print-sign{margin-top:6mm}.print-sign>div{min-height:45mm;padding:4mm}.electronic-signature-image{max-height:85px}.company-stamp-image{max-height:32mm}
@media print{
.print-document>.print-page:nth-of-type(1),.print-document>.print-page:nth-of-type(2){width:210mm!important;height:296mm!important;min-height:296mm!important;padding:8mm 9mm!important;overflow:hidden!important;break-after:page!important;page-break-after:always!important}
.print-document>.print-page:nth-of-type(2){padding:8mm 9mm!important}
.print-document>.print-page:nth-of-type(2) .print-header,.print-document>.print-page:nth-of-type(2) .print-watermark{display:grid!important}
.print-document>.print-page:nth-of-type(2) .print-watermark{display:block!important}
.print-document>.print-page:nth-of-type(1) footer,.print-document>.print-page:nth-of-type(2) footer{display:flex!important;position:absolute!important;height:10mm!important;margin:0!important;font-size:inherit!important}
.print-document>.print-page:nth-of-type(1) .print-page-number,.print-document>.print-page:nth-of-type(2) .print-page-number{display:block!important}
.print-header{margin-bottom:4mm!important}.print-header h1{font-size:24px!important}.print-logo{font-size:20px!important}.print-grid{gap:3mm!important}.print-section{margin-bottom:3mm!important}.print-section h2{padding:2mm!important;font-size:12px!important}
.print-row{min-height:8.6mm!important;font-size:11.5px!important}.print-row b,.print-row span{padding:1.4mm 2mm!important}.print-vehicle-image img{height:52mm!important}.print-note{min-height:20mm!important;padding:4mm!important;font-size:11px!important}.print-three{padding:3mm!important}.print-three span{padding:3mm!important;font-size:11px!important}
.print-terms{padding:4mm 9mm!important;font-size:10.5px!important;line-height:1.65!important;margin:0!important}.print-sign{gap:8mm!important;margin-top:6mm!important}.print-sign>div{min-height:45mm!important;padding:4mm!important;font-size:12px!important}.electronic-signature-image{max-height:85px!important;margin:5px auto 2px!important}.print-sign small{font-size:9px!important}
}

/* ORIENT v1.3.41 — clearer professional contract typography */
.print-document{font-family:Arial,"Noto Sans Arabic",Tahoma,sans-serif;color:#071b38}
.print-header h1{font-size:27px!important;font-weight:900!important;letter-spacing:.1px}.print-header p,.print-header b{font-size:13px!important;font-weight:800!important}.print-logo{font-size:22px!important;font-weight:950!important;line-height:1.02!important}.print-section{border-color:#b8c6d8!important}.print-section h2{font-size:13.5px!important;font-weight:900!important;padding:2.3mm 2.7mm!important;background:#f2f6fa!important;color:#06234a!important;border-bottom:1.5px solid #0b6d78!important}.print-row{min-height:9.2mm!important;font-size:12.5px!important;line-height:1.35!important}.print-row b{font-weight:900!important;color:#071b38!important}.print-row span{font-weight:700!important;color:#26364d!important}.print-row b,.print-row span{padding:1.7mm 2.3mm!important}.print-vehicle-image img{height:57mm!important}.print-note{font-size:12px!important;line-height:1.7!important;min-height:22mm!important}.print-three span{font-size:12px!important;font-weight:750!important}.print-terms{font-size:11.8px!important;line-height:1.8!important;padding:4.5mm 8mm!important;color:#071b38!important}.print-terms li{margin-bottom:1.4mm!important}.print-sign>div{min-height:48mm!important}.print-sign b{font-size:14px!important}.print-page-number, .print-page footer{font-weight:800!important}
@media print{.print-header h1{font-size:27px!important}.print-logo{font-size:22px!important}.print-section h2{font-size:13.5px!important}.print-row{font-size:12.5px!important}.print-note{font-size:12px!important}.print-terms{font-size:11.8px!important;line-height:1.8!important}}
@media (max-width:760px){input[type="time"]{min-height:46px;font-size:17px;padding:10px 12px;width:100%;box-sizing:border-box}.field input[type="time"]{-webkit-appearance:auto;appearance:auto}}

/* ORIENT v1.3.42 — larger, high-legibility A4 contract typography */
.print-document{font-size:13.4px!important}
.print-header h1{font-size:30px!important;line-height:1.15!important}.print-header p,.print-header b{font-size:14px!important}.print-logo{font-size:24px!important}
.print-section h2{font-size:15px!important;line-height:1.25!important;padding:2.6mm 3mm!important}
.print-row{min-height:10mm!important;font-size:13.5px!important;line-height:1.45!important}.print-row b,.print-row span{padding:1.9mm 2.5mm!important}
.print-note{font-size:13.5px!important;line-height:1.75!important;min-height:24mm!important}.print-three span{font-size:13.2px!important;line-height:1.4!important}
.print-terms{font-size:13.2px!important;line-height:1.95!important;padding:5mm 8mm!important}.print-terms li{margin-bottom:1.8mm!important}
.print-sign{margin-top:8mm!important}.print-sign>div{min-height:53mm!important;padding:5mm!important}.print-sign b{font-size:15px!important}.print-sign small{font-size:10.5px!important}
.print-page footer{font-size:11px!important}.print-page-number{font-size:10px!important}
@media print{.print-header h1{font-size:30px!important}.print-header p,.print-header b{font-size:14px!important}.print-logo{font-size:24px!important}.print-section h2{font-size:15px!important}.print-row{font-size:13.5px!important;min-height:10mm!important}.print-note{font-size:13.5px!important}.print-three span{font-size:13.2px!important}.print-terms{font-size:13.2px!important;line-height:1.95!important}.print-sign b{font-size:15px!important}}
/* v1.3.46 multi-vehicle contract */
.print-vehicle-history-row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;border-top:1px solid #d7dee8;padding:7px 0;font-size:10px;line-height:1.55}.print-vehicle-history-row img{width:72px;height:48px;object-fit:cover;border-radius:5px;border:1px solid #d7dee8}.print-vehicle-history-row span{display:block}.button-row .danger{white-space:nowrap}@media(max-width:700px){.print-vehicle-history-row{grid-template-columns:58px 1fr}.print-vehicle-history-row img{width:58px;height:42px}}
/* v1.3.48 — professional multi-vehicle print table */
.print-vehicle-history{grid-column:1/-1;border:1px solid #cfd8e3;border-radius:8px;overflow:hidden;margin-top:8px;background:#fff;direction:rtl}
.print-vehicle-history-title{display:block;padding:7px 10px;text-align:center;background:#f6f8fb;border-bottom:1px solid #cfd8e3;font-size:12px;color:#10233f}
.print-vehicle-history-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8.5px;line-height:1.35;direction:rtl}
.print-vehicle-history-table th{background:#eef3f8;color:#10233f;font-weight:800;padding:5px 3px;border:1px solid #d7dee8;text-align:center;white-space:normal}
.print-vehicle-history-table td{padding:5px 3px;border:1px solid #d7dee8;vertical-align:middle;text-align:center;overflow-wrap:anywhere}
.print-vehicle-history-table th:nth-child(1),.print-vehicle-history-table td:nth-child(1){width:12%}
.print-vehicle-history-table th:nth-child(2),.print-vehicle-history-table td:nth-child(2){width:16%}
.print-vehicle-history-table th:nth-child(3),.print-vehicle-history-table td:nth-child(3){width:20%}
.print-vehicle-history-table th:nth-child(4),.print-vehicle-history-table td:nth-child(4){width:13%}
.print-vehicle-history-table th:nth-child(5),.print-vehicle-history-table td:nth-child(5){width:11%}
.print-vehicle-history-table th:nth-child(6),.print-vehicle-history-table td:nth-child(6){width:12%}
.print-vehicle-history-table th:nth-child(7),.print-vehicle-history-table td:nth-child(7){width:16%}
.print-vehicle-history-table .vh-photo img{width:64px;height:42px;object-fit:cover;border-radius:4px;border:1px solid #cfd8e3;display:block;margin:auto}
.print-vehicle-history-table td span,.print-vehicle-history-table td small,.print-vehicle-history-table td b{display:block}
.print-vehicle-history-table .vh-car b{font-size:9px}.print-vehicle-history-table .vh-car span{direction:ltr;font-weight:700;margin-top:2px}
.print-vehicle-history-table .vh-period span{direction:ltr;white-space:nowrap;font-size:8px}
.print-vehicle-history-table .vh-amount b{font-size:9px;white-space:nowrap}.print-vehicle-history-table small{font-size:7.5px;margin-top:2px}
@media print{.print-vehicle-history{break-inside:avoid}.print-vehicle-history-table tr{break-inside:avoid}}

/* v1.3.51 contract vehicle cards */
.contract-vehicle-cards{grid-column:1/-1;display:grid;gap:12px}.contract-vehicle-card{border:1px solid #d8e0ec;border-radius:14px;background:#fff;overflow:hidden}.contract-vehicle-card.current{border-color:#c59b39;box-shadow:0 0 0 1px rgba(197,155,57,.15)}.contract-vehicle-card summary{cursor:pointer;padding:16px;list-style:none;background:#f8fafc;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.contract-vehicle-card summary::-webkit-details-marker{display:none}.contract-vehicle-card-title{display:flex;flex-direction:column;gap:7px;min-width:220px}.contract-vehicle-card-title strong{font-size:16px}.contract-vehicle-status{width:max-content;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f7}.contract-vehicle-status.current{background:#e8f5ec}.contract-vehicle-status.returned{background:#f1f3f6}.contract-vehicle-card-summary{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:#566273}.contract-vehicle-card-body{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:1px solid #e7ebf0}.contract-vehicle-card-body .field{min-width:0}@media(max-width:760px){.contract-vehicle-card summary{display:block}.contract-vehicle-card-summary{margin-top:10px;display:grid;gap:6px}.contract-vehicle-card-body{grid-template-columns:1fr}.contract-vehicle-card-title{min-width:0}}
/* v1.3.65: keep professional contract page 1 fully visible after HGS summary */
.print-document>.print-page:nth-of-type(1) .print-header{margin-bottom:3mm!important}
.print-document>.print-page:nth-of-type(1) .print-header h1{font-size:24px!important}
.print-document>.print-page:nth-of-type(1) .print-section{margin-bottom:2mm!important}
.print-document>.print-page:nth-of-type(1) .print-section h2{font-size:12px!important;padding:1.6mm 2mm!important}
.print-document>.print-page:nth-of-type(1) .print-row{min-height:6.2mm!important;font-size:10.5px!important;line-height:1.2!important}
.print-document>.print-page:nth-of-type(1) .print-row b,.print-document>.print-page:nth-of-type(1) .print-row span{padding:.8mm 1.4mm!important}
.print-document>.print-page:nth-of-type(1) .print-vehicle-image img{height:34mm!important}
@media print{.print-document>.print-page:nth-of-type(1) .print-row{min-height:6.2mm!important;font-size:10.5px!important}.print-document>.print-page:nth-of-type(1) .print-vehicle-image img{height:34mm!important}}


/* ABU OSAMA v2.0.2 — Premium blue/green/red responsive identity */
:root{--ao-blue:#0b3a82;--ao-blue-deep:#072a61;--ao-blue-soft:#eaf2ff;--ao-green:#159447;--ao-green-soft:#eaf8ef;--ao-red:#d92d20;--ao-white:#fff;--ao-gray:#f3f5f8;--ao-line:#dce3ec;--ao-text:#10233f;--ao-muted:#667085}
html,body,#root{background:var(--ao-gray);color:var(--ao-text)}
.sidebar{background:linear-gradient(180deg,var(--ao-blue-deep),var(--ao-blue));box-shadow:-8px 0 28px rgba(7,42,97,.14)}
.brand{border-bottom-color:rgba(255,255,255,.16)}.brand strong{color:#fff!important}.brand span{color:#d9e8ff!important}
.sidebar nav a,.sidebar nav button{border-radius:11px;transition:.18s ease}.sidebar nav a:hover,.sidebar nav button:hover{background:rgba(255,255,255,.10)}
.sidebar nav a.active,.sidebar nav button.active{background:#fff!important;color:var(--ao-blue-deep)!important;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.topbar{background:rgba(255,255,255,.96);border-bottom-color:var(--ao-line);box-shadow:0 2px 12px rgba(16,35,63,.04);backdrop-filter:blur(10px)}
.topbar>span{background:var(--ao-blue-soft);border-color:#d5e5ff;color:var(--ao-blue-deep)}
.page{background:var(--ao-gray)}.page-header h1,.card h2{color:var(--ao-text)}
.card{border:1px solid #e7ebf1;border-radius:16px;box-shadow:0 5px 18px rgba(16,35,63,.055)}
.stats-grid .card,.stat-card{border-top:3px solid var(--ao-blue)}
.stat-card strong{color:var(--ao-blue-deep)}
.currency-grid .card{background:linear-gradient(145deg,var(--ao-blue-deep),var(--ao-blue))!important}.currency-grid strong{color:#fff!important}.currency-grid span,.currency-grid small{color:#dce9ff!important}
.btn{border-radius:10px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}
.btn.primary{color:#fff!important;background:var(--ao-blue)!important;border-color:var(--ao-blue)!important;box-shadow:0 4px 12px rgba(11,58,130,.18)}
.btn.danger{background:var(--ao-red)!important;border-color:var(--ao-red)!important}
button.success,.btn.success,.success{--success-color:var(--ao-green)}
.badge.success,.status.success,.signed{background:var(--ao-green-soft)!important;color:#087535!important}
input:focus,select:focus,textarea:focus{border-color:#5b8fd9!important;box-shadow:0 0 0 3px rgba(11,58,130,.10)!important;outline:0}
table thead th{background:#edf3fb;color:var(--ao-blue-deep)}
.mobile-menu{background:var(--ao-blue)!important;box-shadow:0 5px 18px rgba(7,42,97,.28)}
.settings-list>div{background:#f7f9fc;border-color:var(--ao-line)}
@media(max-width:760px){
 body{background:var(--ao-gray)}.page{padding:72px 12px 18px!important}.topbar{min-height:58px;height:auto;padding:8px 12px 8px 58px!important;gap:7px;flex-wrap:wrap}.topbar>span{font-size:11px;padding:6px 8px}.topbar .me{margin-right:0;margin-left:auto}
 .page-header{align-items:stretch!important;gap:10px!important;flex-direction:column!important}.page-header h1{font-size:22px!important}.page-header .button-row,.button-row{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.button-row>.btn,.page-header .btn{width:100%;min-height:44px}
 .card{padding:14px!important;border-radius:13px!important;margin-bottom:12px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.stat-card strong{font-size:22px!important}.currency-grid{grid-template-columns:1fr!important;gap:10px!important}
 .sidebar{width:min(88vw,320px)!important;padding:16px 12px!important}.brand strong{font-size:24px!important}
 .mobile-menu{top:12px!important;right:12px!important;min-width:42px;min-height:42px}
 .table-wrap,.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table,.table-container table{min-width:680px}
 input,select,textarea,.field input,.field select,.field textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 .modal,.dialog,.modal-card{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important}
}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr!important}.button-row,.page-header .button-row{grid-template-columns:1fr!important}.topbar>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media print{html,body,#root,.page{background:#fff!important}.card{box-shadow:none}}

/* ABU OSAMA v2.0.3 — Sage / Greige premium responsive identity */
:root{--ao-sage-950:#18372c;--ao-sage-900:#214638;--ao-sage-800:#2d5846;--ao-sage-700:#416d58;--ao-sage-500:#759c82;--ao-sage-300:#b8cdbb;--ao-sage-100:#e8f0e8;--ao-cream:#f7f7f2;--ao-greige:#eef0ea;--ao-card:#fff;--ao-text:#1f2d27;--ao-muted:#6f7973;--ao-line:#dfe5df;--ao-danger:#b84a43}
html,body,#root{background:linear-gradient(135deg,#f8f8f4 0%,#eef1eb 100%)!important;color:var(--ao-text)!important}
.page{background:transparent!important}.sidebar{background:linear-gradient(165deg,#17362b 0%,#244c3b 48%,#315d49 100%)!important;box-shadow:-8px 0 30px rgba(24,55,44,.16)!important}
.brand{border-bottom-color:rgba(255,255,255,.13)!important}.brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;box-shadow:0 6px 18px rgba(0,0,0,.16)}.brand strong{color:#fff!important}.brand span{color:#dce8df!important}
.sidebar nav a,.sidebar nav button{color:#edf4ef!important;border-radius:12px!important;border:1px solid transparent!important;transition:.18s ease!important}.sidebar nav a:hover,.sidebar nav button:hover{background:rgba(255,255,255,.08)!important}.sidebar nav a.active,.sidebar nav button.active{background:linear-gradient(135deg,#dfeadd,#bfd4c2)!important;color:#18372c!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 7px 18px rgba(0,0,0,.12)!important}
.topbar{background:rgba(250,250,246,.94)!important;border-bottom-color:var(--ao-line)!important;box-shadow:0 2px 14px rgba(35,61,49,.045)!important}.topbar>span{background:#edf2ec!important;border-color:#dce5dd!important;color:#294c3d!important}
.card{background:rgba(255,255,255,.96)!important;border:1px solid #e1e6e0!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(38,65,52,.065)!important}.stats-grid .card,.stat-card{border-top:0!important;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(#6f9a7d,#b8cdbb)}.stat-card strong{color:#214638!important}
.currency-grid .card{background:linear-gradient(145deg,#214638,#416d58)!important;border-color:#416d58!important}.currency-grid strong{color:#fff!important}.currency-grid span,.currency-grid small{color:#e5eee7!important}
.btn{border-radius:11px!important}.btn.primary{background:linear-gradient(135deg,#315d49,#547d65)!important;border-color:#315d49!important;color:#fff!important;box-shadow:0 5px 14px rgba(49,93,73,.18)!important}.btn.danger{background:#b84a43!important;border-color:#b84a43!important}.badge.success,.status.success,.signed{background:#e4efe5!important;color:#2e6945!important}input:focus,select:focus,textarea:focus{border-color:#759c82!important;box-shadow:0 0 0 3px rgba(117,156,130,.14)!important}table thead th{background:#edf2ec!important;color:#294c3d!important}.mobile-menu{background:linear-gradient(135deg,#214638,#416d58)!important}
.ao-dashboard-hero{height:205px;position:relative;overflow:hidden;border-radius:22px;margin:0 0 18px;background:url('/assets/abu-osama-hero-v203.webp') center/cover no-repeat;box-shadow:0 12px 32px rgba(27,58,45,.18);border:1px solid rgba(255,255,255,.6)}.ao-dashboard-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,48,37,.78) 0%,rgba(19,48,37,.22) 48%,rgba(19,48,37,.08) 100%)}.ao-dashboard-hero-copy{position:absolute;z-index:2;inset-inline-start:28px;top:50%;transform:translateY(-50%);max-width:410px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}.ao-dashboard-hero-copy small{letter-spacing:1.4px;font-weight:800;color:#dfeade}.ao-dashboard-hero-copy h2{font-size:29px;line-height:1.35;margin:8px 0 5px;color:#fff!important}.ao-dashboard-hero-copy p{margin:0;color:#edf4ef;font-size:14px}
.settings-list>div{background:#f6f7f3!important;border-color:#e1e6e0!important}
@media(max-width:760px){.ao-dashboard-hero{height:185px;border-radius:16px;background-position:58% center}.ao-dashboard-hero-shade{background:linear-gradient(90deg,rgba(19,48,37,.82),rgba(19,48,37,.18))}.ao-dashboard-hero-copy{inset-inline-start:18px;max-width:72%}.ao-dashboard-hero-copy h2{font-size:22px}.ao-dashboard-hero-copy p{font-size:12px}.sidebar{background:linear-gradient(165deg,#17362b,#315d49)!important}}
@media(max-width:430px){.ao-dashboard-hero{height:165px}.ao-dashboard-hero-copy{max-width:76%}.ao-dashboard-hero-copy h2{font-size:19px}.ao-dashboard-hero-copy small{font-size:10px}}
@media print{.ao-dashboard-hero{display:none!important}}

/* ABU OSAMA v2.0.4 — approved logo + clean responsive hero polish */
.brand{padding:8px 10px 18px!important;align-items:center!important;justify-content:center!important}
.brand .brand-identity{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.brand .brand-identity>div{display:none!important}
.brand-mark{width:min(100%,190px)!important;height:158px!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;background:#fff!important;padding:6px!important;box-sizing:border-box!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important}
.ao-dashboard-hero{height:240px!important;background-image:url('/assets/abu-osama-hero-v204.webp')!important;background-position:center center!important;background-size:cover!important;border-radius:22px!important}
.ao-dashboard-hero-shade{background:linear-gradient(90deg,rgba(21,55,42,.82) 0%,rgba(21,55,42,.48) 27%,rgba(21,55,42,.08) 58%,rgba(21,55,42,.02) 100%)!important}
.ao-dashboard-hero-copy{inset-inline-start:30px!important;max-width:390px!important;background:rgba(20,51,40,.10);padding:16px 18px;border-radius:16px;backdrop-filter:blur(1px)}
.ao-dashboard-hero-copy small{color:#e4eee5!important;letter-spacing:1.8px!important}.ao-dashboard-hero-copy h2{font-size:30px!important;margin:7px 0 5px!important}.ao-dashboard-hero-copy p{font-size:14px!important;color:#f0f5f1!important}
.currency-grid .card{background:linear-gradient(135deg,#244c3b 0%,#386751 58%,#557e66 100%)!important}
@media(max-width:980px){.brand-mark{width:160px!important;height:132px!important}.ao-dashboard-hero{height:215px!important}}
@media(max-width:760px){.brand{padding-top:4px!important}.brand-mark{width:148px!important;height:122px!important}.ao-dashboard-hero{height:190px!important;background-position:58% center!important}.ao-dashboard-hero-copy{inset-inline-start:14px!important;max-width:68%!important;padding:11px 12px!important}.ao-dashboard-hero-copy h2{font-size:21px!important}.ao-dashboard-hero-copy p{font-size:12px!important}}
@media(max-width:430px){.ao-dashboard-hero{height:172px!important;background-position:60% center!important}.ao-dashboard-hero-copy{max-width:72%!important}.ao-dashboard-hero-copy h2{font-size:18px!important;line-height:1.4!important}.ao-dashboard-hero-copy small{font-size:9px!important}.ao-dashboard-hero-copy p{font-size:11px!important}}
@media print{.brand-mark{box-shadow:none!important}.ao-dashboard-hero{display:none!important}}

/* ABU OSAMA v2.0.5 — visual refinement only */
.brand{padding:4px 8px 14px!important;background:transparent!important}
.brand-mark{width:154px!important;height:118px!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 7px 12px rgba(0,0,0,.20))}
.sidebar nav{margin-top:10px!important}
.ao-dashboard-hero{height:226px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(27,58,45,.14)!important}
.ao-dashboard-hero-shade{background:linear-gradient(90deg,rgba(21,55,42,.78) 0%,rgba(21,55,42,.42) 34%,rgba(21,55,42,.06) 64%,transparent 100%)!important}
.ao-dashboard-hero-copy{inset-inline-start:28px!important;max-width:520px!important;padding:12px 14px!important;background:rgba(20,51,40,.06)!important;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(.6px)}
.ao-dashboard-hero-copy h2{font-size:27px!important;line-height:1.45!important;max-width:500px!important;text-wrap:balance}.ao-dashboard-hero-copy p{font-size:13px!important;line-height:1.7!important}
.currency-grid .card{background:linear-gradient(135deg,#365f4d 0%,#5f836d 58%,#86a08d 100%)!important;border-color:#789381!important;box-shadow:0 8px 20px rgba(49,93,73,.12)!important}
.currency-grid .card strong{font-size:25px!important}.currency-grid .card span,.currency-grid .card small{color:#f1f5f1!important}
.stat-card:before{width:3px!important;background:linear-gradient(#769a82,#c4d4c6)!important}
.card{box-shadow:0 5px 18px rgba(38,65,52,.055)!important}
@media(max-width:980px){.brand-mark{width:142px!important;height:108px!important}.ao-dashboard-hero-copy{max-width:470px!important}}
@media(max-width:760px){.brand-mark{width:132px!important;height:100px!important}.ao-dashboard-hero{height:188px!important}.ao-dashboard-hero-copy{inset-inline-start:13px!important;max-width:74%!important;padding:9px 10px!important}.ao-dashboard-hero-copy h2{font-size:20px!important;line-height:1.45!important}.ao-dashboard-hero-copy p{font-size:11px!important;line-height:1.55!important}}
@media(max-width:430px){.brand-mark{width:124px!important;height:94px!important}.ao-dashboard-hero{height:170px!important}.ao-dashboard-hero-copy{max-width:78%!important}.ao-dashboard-hero-copy h2{font-size:17px!important}.ao-dashboard-hero-copy p{font-size:10px!important}}

/* ABU OSAMA v2.0.6 — Full Icon & Visual Identity Upgrade */
.sidebar nav a svg,.sidebar nav button svg{width:30px!important;height:30px!important;padding:6px;border-radius:9px;background:rgba(255,255,255,.11);stroke-width:2.2;flex:0 0 30px;transition:.18s ease}
.sidebar nav a:nth-child(6n+1) svg{color:#d9f2df;background:#ffffff18}.sidebar nav a:nth-child(6n+2) svg{color:#ffe3a8;background:#f4b7401f}.sidebar nav a:nth-child(6n+3) svg{color:#d9c7ff;background:#8c6bd91f}.sidebar nav a:nth-child(6n+4) svg{color:#bfe7ff;background:#55aee51f}.sidebar nav a:nth-child(6n+5) svg{color:#ffc7bf;background:#e46b5a1f}.sidebar nav a:nth-child(6n) svg{color:#c7f0d2;background:#4ea76b1f}
.sidebar nav a.active svg{color:#1d4937!important;background:#fff!important;box-shadow:0 3px 10px #17362b1f}.sidebar nav a span{font-weight:650;letter-spacing:.01em}
.ao-title-icon{display:flex!important;align-items:center;gap:10px}.ao-title-icon:before{content:attr(data-ao-icon);display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:12px;color:#24533f;background:linear-gradient(145deg,#edf5ee,#d7e8da);border:1px solid #c7dccb;box-shadow:0 5px 14px #244c3b12;font-size:19px;font-weight:900;line-height:1}
.card h2.ao-title-icon:before,.modal-head h2.ao-title-icon:before,.detail-title h2.ao-title-icon:before{width:32px;height:32px;min-width:32px;border-radius:9px;font-size:16px}
.ao-action-icon{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.ao-action-icon:before{content:attr(data-ao-icon);font-size:15px;font-weight:900;line-height:1}.btn.primary.ao-action-icon:before{color:inherit}.btn.danger.ao-action-icon:before{color:#fff}
.stat-card{position:relative;overflow:hidden}.stat-card:after{content:'◆';position:absolute;inset-inline-end:14px;top:12px;color:#315d4917;font-size:34px;transform:rotate(12deg)}
.topbar-notifications svg,.topbar-logout svg{color:#315d49}.update-card-title svg,.update-drop-zone svg{color:#315d49!important}.update-progress span{background:linear-gradient(90deg,#315d49,#7fa98b)!important}
@media(max-width:760px){.sidebar nav a svg,.sidebar nav button svg{width:28px!important;height:28px!important;flex-basis:28px}.ao-title-icon:before{width:34px;height:34px;min-width:34px}.ao-title-icon{gap:8px}}
@media print{.ao-title-icon:before,.ao-action-icon:before{display:none!important}}

/* ABU OSAMA v2.0.7 — icon correction & polish */
.stat-card:after{display:none!important;content:none!important}.ao-title-icon:before,.ao-action-icon:before{display:none!important;content:none!important}.ao-title-icon,.ao-action-icon{display:initial!important}.ao-svg-icon,.ao-stat-icon{display:inline-grid;place-items:center;flex:0 0 auto}.ao-svg-icon svg,.ao-stat-icon svg{width:100%;height:100%}.ao-title-svg{display:flex!important;align-items:center;gap:10px}.ao-title-svg>.ao-svg-icon{width:38px;height:38px;padding:9px;border-radius:12px;color:#24533f;background:linear-gradient(145deg,#edf5ee,#d7e8da);border:1px solid #c7dccb;box-shadow:0 5px 14px #244c3b12;box-sizing:border-box}.card h2.ao-title-svg>.ao-svg-icon,.modal-head h2.ao-title-svg>.ao-svg-icon,.detail-title h2.ao-title-svg>.ao-svg-icon{width:32px;height:32px;padding:7px;border-radius:9px}.ao-action-svg{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.ao-action-svg>.ao-svg-icon{width:17px;height:17px}.btn.danger.ao-action-svg>.ao-svg-icon,.btn.primary.ao-action-svg>.ao-svg-icon{color:inherit}.stat-card>.ao-stat-icon{position:absolute;inset-inline-end:15px;top:15px;width:34px;height:34px;padding:8px;border-radius:11px;color:#4e7862;background:#edf3ee;border:1px solid #dce8de;box-sizing:border-box;opacity:.92}.stat-card{padding-inline-end:58px!important}.ao-svg-bell{color:#9a7a24!important}.ao-svg-calendar{color:#765ca5!important}.ao-svg-contract{color:#34748a!important}.ao-svg-car{color:#3d7652!important}.ao-svg-users{color:#4f7661!important}.ao-svg-bank{color:#65578f!important}.ao-svg-tool{color:#39798a!important}.ao-svg-trash{color:inherit!important}@media(max-width:760px){.ao-title-svg>.ao-svg-icon{width:34px;height:34px;padding:8px}.stat-card>.ao-stat-icon{width:30px;height:30px;padding:7px}.stat-card{padding-inline-end:50px!important}}@media print{.ao-svg-icon,.ao-stat-icon{display:none!important}}