:root{--ink:#172b4d;--muted:#73809a;--soft:#f7f9fc;--line:#e8edf4;--navy:#193c6b;--blue:#2f73c9;--blue-soft:#eaf3ff;--mint:#e4f7f0;--green:#1b9a78;--amber:#f2a23a;--amber-soft:#fff4df;--rose:#d76570;--rose-soft:#fff0f1;--white:#fff;--shadow:0 18px 50px rgba(38,66,100,.08);font-family:'Cairo',Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--soft);color:var(--ink)}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:var(--blue);text-decoration:none}[hidden]{display:none!important}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.03fr .97fr;background:#f8fafc}.login-showcase{position:relative;overflow:hidden;background:#eaf4ff;padding:58px 7vw 50px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.showcase-brand,.mobile-brand,.app-brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:24px;font-weight:800;position:relative;z-index:2}.brand-mark{width:45px;height:45px;border-radius:14px 14px 14px 4px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;line-height:1;box-shadow:6px 8px 0 #c9e1ff}.showcase-copy{position:relative;z-index:2;max-width:590px;margin:auto 0;padding:60px 0}.eyebrow,.kicker{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.showcase-copy h1{font-size:clamp(39px,5vw,68px);line-height:1.35;margin:18px 0;font-weight:800;color:var(--navy);letter-spacing:-.04em}.showcase-copy h1 em{color:var(--blue);font-style:normal}.showcase-copy p{color:#5c6d88;font-size:18px;line-height:2;max-width:490px;margin:0}.showcase-note{position:relative;z-index:2;display:flex;align-items:center;gap:13px;max-width:410px;border-top:1px solid #cce0f5;padding-top:22px;color:var(--navy)}.note-icon{width:29px;height:29px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:15px}.showcase-note strong,.showcase-note span{display:block}.showcase-note strong{font-size:13px;margin-bottom:3px}.showcase-note span{font-size:12px;color:#6d7e97}.showcase-shape{position:absolute;border:1px solid #c4dcf6;border-radius:50%}.shape-one{width:490px;height:490px;left:-155px;bottom:-170px}.shape-two{width:265px;height:265px;right:-105px;top:125px;background:#f8fbff;border-color:#d6e7fa}.login-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:55px 9vw;background:#fff}.login-card{max-width:425px;width:100%;margin:0 auto}.mobile-brand{display:none}.login-heading{margin-bottom:34px}.login-heading h2{color:var(--navy);font-size:29px;margin:7px 0 4px}.login-heading p{color:var(--muted);margin:0;font-size:13px}.auth-form label:not(.check-label){display:block;color:#314461;font-size:12px;font-weight:700;margin:16px 0 8px}.input-wrap{position:relative}.input-wrap input{width:100%;height:50px;border:1px solid #dfe6ef;border-radius:10px;color:var(--ink);padding:0 43px;background:#fbfcfe;outline:0;transition:.2s}.input-wrap input:focus{border-color:#77a8e2;background:#fff;box-shadow:0 0 0 4px #eaf3ff}.input-icon{position:absolute;right:15px;top:14px;color:#9aa8ba;font-size:17px;z-index:1}.password-toggle{position:absolute;left:9px;top:8px;color:#a6b0be;background:transparent}.form-options{display:flex;align-items:center;justify-content:space-between;margin:17px 0 27px;font-size:11px}.check-label{color:#728099;display:flex;align-items:center;gap:6px;cursor:pointer}.check-label input{accent-color:var(--blue);width:15px;height:15px}.primary-button{border-radius:10px;height:48px;padding:0 22px;background:var(--navy);color:#fff;font-weight:700;transition:.2s;box-shadow:0 6px 15px rgba(25,60,107,.16)}.primary-button:hover{background:#255384;transform:translateY(-1px)}.primary-button span{margin-right:12px;font-size:19px;vertical-align:-1px}.full-width{width:100%}.demo-hint{text-align:center;color:#9ba6b5;font-size:10px;margin-top:18px}.demo-hint span{display:inline-block;background:#f0f5fb;color:var(--blue);border-radius:5px;padding:2px 6px;margin-left:3px}.login-footer{color:#a2adba;font-size:10px;text-align:center;margin-top:auto;padding-top:38px}
.app-shell{min-height:100vh;display:flex;background:var(--soft)}.sidebar{width:256px;min-width:256px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:27px 17px 18px;z-index:10}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px 26px}.app-brand{gap:9px;font-size:19px}.app-brand strong,.app-brand span{display:block;line-height:1.15}.app-brand span{color:#96a2b4;font-weight:500;font-size:7px;letter-spacing:.07em;margin-top:4px;direction:ltr}.brand-mark.small{width:35px;height:35px;border-radius:11px 11px 11px 3px;font-size:21px;box-shadow:4px 5px 0 #dbeaff}.branch-switcher{background:#f5f8fc;border:1px solid #edf1f6;border-radius:11px;padding:11px 10px;display:flex;align-items:center;gap:9px;margin:0 2px 25px}.branch-avatar{width:31px;height:31px;border-radius:9px;background:#dbeaff;color:var(--blue);display:grid;place-items:center;font-weight:800}.branch-info{min-width:0;flex:1}.branch-info span,.branch-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-info span{color:#9aa6b6;font-size:9px}.branch-info strong{color:var(--navy);font-size:12px;margin-top:2px}.branch-chevron,.more-button{background:transparent;color:#8e9bae;font-size:18px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-label{color:#adb7c4;font-size:10px;font-weight:700;padding:0 13px 7px}.section-label{margin-top:18px}.nav-item{min-height:42px;border-radius:9px;color:#728098;background:transparent;display:flex;align-items:center;gap:11px;padding:0 13px;text-align:right;transition:.18s;font-size:12px}.nav-item:hover{color:var(--blue);background:#f5f8fc}.nav-item.active{color:var(--blue);background:var(--blue-soft);font-weight:800}.nav-icon{width:19px;text-align:center;font-size:17px;line-height:1}.nav-count{margin-right:auto;background:#dcedff;color:var(--blue);min-width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800}.nav-count.amber{color:#c37a14;background:var(--amber-soft)}.sidebar-bottom{margin-top:auto}.help-card{background:#fff8e9;border:1px solid #ffedc4;padding:14px;border-radius:11px;margin:14px 2px 18px;position:relative;overflow:hidden}.help-spark{color:var(--amber);font-size:20px;position:absolute;left:14px;top:13px}.help-card strong{display:block;color:#75521e;font-size:12px}.help-card p{color:#a2875c;font-size:10px;margin:5px 0 10px}.help-card button{color:#bd7b1b;background:transparent;font-size:10px;padding:0;font-weight:800}.help-card button span{margin-right:7px}.user-mini{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:17px 3px 0}.user-avatar{width:33px;height:33px;border-radius:50%;background:#dcecff;color:var(--blue);display:grid;place-items:center;font-weight:800}.user-mini>div:nth-child(2),.topbar-user>div:nth-child(2){flex:1}.user-mini strong,.user-mini span,.topbar-user strong,.topbar-user span{display:block}.user-mini strong,.topbar-user strong{font-size:11px;color:var(--navy)}.user-mini span,.topbar-user span{color:#9aa5b3;font-size:9px;margin-top:2px}.more-button{font-size:14px}.mobile-close,.mobile-menu{display:none}.main-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.topbar-start,.topbar-actions,.topbar-user,.breadcrumb{display:flex;align-items:center}.breadcrumb{gap:11px;font-size:11px;color:#a2adbb}.breadcrumb b{font-weight:400;color:#ccd3dc}.breadcrumb strong{color:var(--navy)}.topbar-actions{gap:21px}.quick-action{height:37px;border:1px solid #dce8f6;background:#f6faff;color:var(--blue);border-radius:8px;padding:0 13px;font-size:11px;font-weight:800}.quick-action span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--blue);color:#fff;margin-left:7px;font-size:16px}.icon-button{background:transparent;color:#8391a6}.notification-button{position:relative;font-size:20px}.notification-dot{width:6px;height:6px;border-radius:50%;background:#e27373;border:2px solid #fff;position:absolute;top:1px;left:2px}.topbar-user{gap:8px;min-width:145px}.user-down{color:#9eabbc;margin-right:3px}.page-container{padding:33px 40px 50px;max-width:1480px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{margin:0 0 5px;font-size:25px;color:var(--navy);letter-spacing:-.03em}.page-heading p{margin:0;color:var(--muted);font-size:11px}.heading-actions{display:flex;gap:9px}.secondary-button{background:#fff;color:#62728d;border:1px solid var(--line);height:39px;border-radius:8px;padding:0 14px;font-size:11px;font-weight:700}.secondary-button:hover{border-color:#b9cae0;color:var(--blue)}.primary-small{height:39px;padding:0 15px;background:var(--navy);color:#fff;border-radius:8px;font-size:11px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 18px 15px;min-height:133px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{color:#8491a4;font-size:11px}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.green{background:var(--mint);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.rose{background:var(--rose-soft);color:var(--rose)}.stat-value{font-size:26px;font-weight:800;color:var(--navy);margin:14px 0 5px;line-height:1}.stat-value small{font-size:12px;font-weight:600;margin-right:4px}.stat-change{font-size:10px;color:#92a0b0}.stat-change.up{color:var(--green)}.stat-change strong{font-weight:800;margin-left:3px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f0f3f7}.panel-header h3{color:var(--navy);font-size:13px;margin:0}.panel-header a{color:var(--blue);font-size:10px;font-weight:700}.timeline{padding:9px 20px 18px}.timeline-row{display:grid;grid-template-columns:60px 1fr 96px 70px;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f1f4f7}.timeline-row:last-child{border-bottom:0}.time{color:#8c99aa;font-size:10px}.customer-cell{display:flex;align-items:center;gap:9px;min-width:0}.customer-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.customer-avatar.pink{background:#ffebee;color:#d96c78}.customer-avatar.blue{background:#e9f2ff;color:#4384cf}.customer-avatar.green{background:#e4f7f0;color:#1b9a78}.customer-avatar.gold{background:#fff3d8;color:#c78a27}.customer-cell strong,.customer-cell span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-cell strong{color:var(--navy);font-size:11px}.customer-cell span{color:#99a5b4;font-size:9px;margin-top:2px}.table-muted{color:#728098;font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:9px;white-space:nowrap}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.green{color:#269878;background:#e8f8f2}.status.blue{color:#3d80cb;background:#edf5ff}.status.amber{color:#bf8121;background:#fff5df}.status.rose{color:#cb626e;background:#fff0f2}.status.gray{color:#7e8b9d;background:#f2f4f7}.side-stack{display:flex;flex-direction:column;gap:19px}.branch-list{padding:5px 20px 17px}.branch-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f1f4f7}.branch-row:last-child{border-bottom:0}.branch-row .branch-avatar{flex:none;background:#eff5fe;color:var(--blue)}.branch-row>div:nth-child(2){flex:1}.branch-row strong,.branch-row span{display:block}.branch-row strong{font-size:11px;color:var(--navy)}.branch-row span{color:#99a5b4;font-size:9px;margin-top:2px}.branch-score{text-align:left;color:var(--green);font-size:10px;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 20px 20px}.quick-tile{min-height:79px;border:1px solid #eef1f5;background:#fbfcfe;border-radius:9px;padding:12px;text-align:right;color:var(--navy);transition:.18s}.quick-tile:hover{border-color:#bfd5ef;background:#f6faff}.quick-tile span{display:block;color:var(--blue);font-size:19px;margin-bottom:6px}.quick-tile strong{font-size:10px}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:19px;margin-top:19px}.mini-bars{padding:18px 20px 20px}.bar-item{display:grid;grid-template-columns:74px 1fr 46px;align-items:center;gap:10px;margin:13px 0}.bar-item label{color:#728098;font-size:10px}.bar-track{height:8px;background:#f0f3f7;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:var(--blue);border-radius:6px}.bar-item strong{color:var(--navy);font-size:10px;text-align:left}.insight-card{padding:19px 20px}.insight-line{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid #f0f3f7}.insight-line:last-child{border-bottom:0}.insight-dot{width:9px;height:9px;border-radius:3px;background:var(--amber);margin-top:5px;flex:none}.insight-line strong{display:block;color:var(--navy);font-size:11px}.insight-line span{color:#98a4b2;font-size:9px;display:block;margin-top:3px;line-height:1.6}
.generic-table{width:100%;border-collapse:collapse}.generic-table th{color:#9aa6b5;font-size:10px;font-weight:700;text-align:right;background:#fbfcfe;padding:13px 16px;border-bottom:1px solid var(--line)}.generic-table td{padding:14px 16px;border-bottom:1px solid #f0f3f7;color:#66758d;font-size:10px}.generic-table tr:last-child td{border-bottom:0}.generic-table td strong{color:var(--navy);font-size:11px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}.search-box{position:relative;width:230px}.search-box input{width:100%;height:35px;background:#fbfcfe;border:1px solid var(--line);border-radius:8px;padding:0 32px 0 11px;color:var(--ink);outline:0;font-size:10px}.search-box span{position:absolute;right:11px;top:7px;color:#9aa6b5}.filter-select{height:35px;border:1px solid var(--line);color:#6f7e94;background:#fff;border-radius:8px;padding:0 9px;font-size:10px}.page-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:19px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:19px}.summary-chip{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.summary-chip span,.summary-chip strong{display:block}.summary-chip span{color:#98a4b3;font-size:10px}.summary-chip strong{color:var(--navy);font-size:19px;margin-top:5px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:19px}.category-tabs{display:flex;gap:7px;padding:16px 18px 3px;overflow:auto}.category-tabs button{color:#8491a3;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 13px;font-size:10px;white-space:nowrap}.category-tabs button.active{background:var(--blue-soft);color:var(--blue);border-color:#cfe2fa;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:15px 18px 20px}.product-card{background:#fbfcfe;border:1px solid #edf1f5;border-radius:10px;padding:13px;text-align:right;min-height:115px;transition:.18s}.product-card:hover{border-color:#afd0f5;background:#f6faff}.product-card .product-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-size:17px;margin-bottom:13px}.product-card.service .product-icon{background:#fff3dc;color:#c98827}.product-card.rental .product-icon{background:#e5f7f0;color:var(--green)}.product-card strong{display:block;color:var(--navy);font-size:11px}.product-card span{color:#8f9cad;font-size:9px;display:block;margin-top:4px}.product-card b{display:block;color:var(--blue);font-size:11px;margin-top:7px}.cart-panel{height:fit-content}.cart-list{padding:11px 18px;min-height:185px}.cart-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0f3f7}.cart-item:last-child{border-bottom:0}.cart-item>div:nth-child(2){flex:1}.cart-item strong,.cart-item span{display:block}.cart-item strong{color:var(--navy);font-size:10px}.cart-item span{color:#98a4b3;font-size:9px;margin-top:3px}.cart-item b{color:var(--navy);font-size:10px}.cart-remove{color:#b0bac6;background:transparent;font-size:13px}.cart-totals{border-top:1px solid var(--line);padding:14px 18px 18px}.total-line{display:flex;justify-content:space-between;color:#8491a4;font-size:10px;margin:8px 0}.total-line.final{color:var(--navy);font-weight:800;font-size:13px;margin-top:13px}.total-line.final b{color:var(--blue)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;border-bottom:1px solid #f0f3f7}.setting-row:last-child{border-bottom:0}.setting-row strong{display:block;color:var(--navy);font-size:11px}.setting-row span{display:block;color:#98a4b3;font-size:9px;margin-top:3px}.toggle{width:38px;height:21px;border-radius:12px;background:#dfe5ec;padding:3px;transition:.2s;flex:none}.toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:var(--green)}.toggle.on i{transform:translateX(-17px)}.printer-row{display:flex;align-items:center;gap:11px;padding:15px 19px;border-bottom:1px solid #f0f3f7}.printer-row:last-child{border-bottom:0}.printer-icon{width:33px;height:33px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;border-radius:8px;font-size:17px}.printer-row>div:nth-child(2){flex:1}.printer-row strong{color:var(--navy);font-size:11px;display:block}.printer-row span{color:#98a4b3;font-size:9px;display:block;margin-top:3px}.printer-state{color:var(--green);background:var(--mint);border-radius:5px;padding:4px 7px;font-size:9px}.audit-user{display:inline-flex;align-items:center;gap:7px}.audit-user .user-avatar{width:24px;height:24px;font-size:9px}.action-badge{background:#f0f5fb;color:#6781a3;padding:3px 6px;border-radius:5px;font-size:9px}.empty-state{text-align:center;color:#8f9dae;padding:38px 20px;font-size:11px}.toast{position:fixed;left:28px;bottom:25px;color:#fff;background:var(--navy);border-radius:8px;padding:10px 15px;box-shadow:var(--shadow);font-size:11px;transform:translateY(80px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.sidebar{width:225px;min-width:225px}.topbar{padding:0 25px}.page-container{padding:28px 25px 40px}.stats-grid{gap:10px}.stat-card{padding:15px}.dashboard-grid,.lower-grid,.page-layout,.pos-layout{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:780px){.login-screen{display:block}.login-showcase{display:none}.login-panel{min-height:100vh;padding:28px 24px}.mobile-brand{display:flex;margin-bottom:58px;justify-content:center}.login-card{max-width:400px}.login-footer{margin-top:65px}.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translateX(105%);transition:.25s;box-shadow:-12px 0 35px rgba(31,53,80,.15)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-block;font-size:21px;margin-left:13px}.mobile-close{display:block;font-size:27px}.topbar{height:65px;padding:0 17px}.topbar-actions{gap:10px}.topbar-user{display:none}.quick-action{padding:0 9px}.page-container{padding:24px 15px 35px}.stats-grid{grid-template-columns:1fr 1fr}.page-heading{display:block}.heading-actions{margin-top:16px}.summary-strip{grid-template-columns:1fr 1fr 1fr;gap:7px}.summary-chip{padding:10px}.summary-chip strong{font-size:16px}.side-stack{display:flex}.lower-grid{margin-top:15px}.timeline-row{grid-template-columns:43px 1fr 68px;gap:7px}.timeline-row .table-muted{display:none}.product-grid{grid-template-columns:1fr 1fr;padding:12px}.table-toolbar{flex-wrap:wrap}.search-box{width:100%}.generic-table{min-width:570px}.panel.table-panel{overflow-x:auto}.panel.table-panel .panel-header,.panel.table-panel .table-toolbar{min-width:570px}}
@media(max-width:430px){.stats-grid{gap:7px}.stat-card{min-height:120px;padding:12px}.stat-label{font-size:9px}.stat-value{font-size:21px}.stat-icon{width:27px;height:27px;font-size:14px}.summary-strip{grid-template-columns:1fr}.summary-chip{display:flex;align-items:center;justify-content:space-between}.summary-chip strong{margin-top:0}.topbar-start{min-width:0}.breadcrumb{gap:6px}.breadcrumb span{display:none}}
.nav-item{width:100%;text-decoration:none}.form-alert{background:#fff0f1;border:1px solid #ffd6da;color:#b44f5b;border-radius:9px;padding:10px 12px;margin:0 0 18px;font-size:11px}.secure-login{color:#8d9aab;font-size:10px}.success-banner{background:#e7f8f2;border:1px solid #c7ecdf;color:#18785f;border-radius:9px;padding:11px 14px;margin-bottom:20px;font-size:11px;font-weight:700}
.quick-action,.primary-small,.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-small:hover{background:#255384;color:#fff}.quick-action:hover{border-color:#bad2ef;background:#edf6ff}.page-kicker{display:block;color:var(--blue);font-size:10px;font-weight:800;margin-bottom:6px}.back-link{display:inline-block;font-size:10px;font-weight:700;margin-bottom:10px}.toolbar-group{display:flex;align-items:center;gap:8px}.secondary-button.compact{height:35px}.subline{color:#9ba6b4;font-size:9px;margin-top:4px}.type-badge{display:inline-flex;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:700}.type-badge.product{background:#edf5ff;color:#377ac5}.type-badge.service{background:#fff4df;color:#b8791d}.type-badge.rental{background:#e7f8f2;color:#1c896d}.simple-pagination{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;color:#93a0b0;font-size:10px;border-top:1px solid var(--line)}.simple-pagination div{display:flex;gap:7px}.simple-pagination a{border:1px solid var(--line);border-radius:7px;padding:6px 10px;background:#fff;color:#60718a;font-weight:700}.simple-pagination a:hover{color:var(--blue);border-color:#bad2ef}.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state .empty-icon{width:51px;height:51px;border-radius:15px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:25px;margin-bottom:12px}.empty-state strong{color:var(--navy);font-size:14px}.empty-state p{margin:5px 0 17px}.form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:19px;align-items:start}.form-panel .panel-header>div p{font-size:9px;color:#96a3b3;margin:4px 0 0}.step-badge{width:29px;height:29px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.field{min-width:0}.field.span-2{grid-column:span 2}.field label:not(.check-card){display:block;color:#3f5068;font-size:10px;font-weight:700;margin-bottom:7px}.field label b{color:var(--rose)}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6ef;border-radius:9px;background:#fbfcfe;color:var(--ink);outline:0;font-size:11px;transition:.18s}.field input,.field select{height:42px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical;line-height:1.8}.field input:focus,.field select:focus,.field textarea:focus{border-color:#77a8e2;background:#fff;box-shadow:0 0 0 3px #eaf3ff}.field-error{display:block;color:#c85663;font-size:9px;margin-top:5px}.field-hint{font-size:9px;margin-top:6px}.money-input{position:relative}.money-input input{padding-left:47px}.money-input span{position:absolute;left:11px;top:12px;color:#8f9bac;font-size:9px}.check-card{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);background:#fbfcfe;border-radius:9px;cursor:pointer}.check-card input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);margin-top:2px}.check-card>span{flex:1}.check-card strong,.check-card small{display:block}.check-card strong{font-size:10px;color:var(--navy)}.check-card small{color:#96a2b2;font-size:9px;margin-top:3px}.form-aside{padding:25px;position:sticky;top:95px}.aside-icon{width:45px;height:45px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:22px}.form-aside h3{color:var(--navy);font-size:16px;margin:17px 0 7px}.form-aside>p{color:#7c8a9f;font-size:10px;line-height:1.9;margin:0}.form-actions{display:flex;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.form-actions>*{flex:1}.policy-note{display:flex;gap:9px;margin-top:17px;padding:12px;background:#eaf8f3;border:1px solid #d2eee4;border-radius:9px}.policy-note>span{width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none;font-size:10px}.policy-note strong,.policy-note small{display:block}.policy-note strong{font-size:10px;color:#247f68}.policy-note small{font-size:8px;color:#6d9c90;margin-top:3px;line-height:1.6}.form-errors{margin:18px 22px 0;background:#fff0f1;border:1px solid #ffd4d9;color:#a94c58;border-radius:9px;padding:11px 14px;font-size:10px}.form-errors ul{margin:6px 0 0;padding-right:17px;line-height:1.8}
@media(max-width:900px){.form-layout{grid-template-columns:1fr}.form-aside{position:static}.form-grid{padding:18px}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:span 1}.form-layout{gap:14px}.toolbar-group{width:100%}.toolbar-group select{flex:1}.simple-pagination{align-items:flex-start;gap:10px}.topbar .quick-action{display:none}}
.table-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6e5f5;background:#f6faff;color:var(--blue);padding:5px 9px;border-radius:6px;font-size:9px;font-weight:800}.action-copy{color:#66758d;max-width:300px}.settings-section{margin-bottom:28px}.settings-section .panel-header>div p{font-size:9px;color:#96a3b3;margin:4px 0 0}.flags-grid{gap:0}.flags-grid .setting-row{cursor:pointer}.setting-row>span:first-child{flex:1}.setting-row small{display:block;color:#98a4b3;font-size:9px;margin-top:4px}.switch-input{appearance:none;width:40px;height:22px;border-radius:12px;background:#dfe5ec;position:relative;cursor:pointer;transition:.2s;flex:none}.switch-input:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 1px 3px rgba(31,53,80,.16);transition:.2s}.switch-input:checked{background:var(--green)}.switch-input:checked:before{transform:translateX(-18px)}.section-actions{display:flex;justify-content:flex-end;padding:14px 19px;border-top:1px solid var(--line)}.settings-heading{margin:25px 0 13px}.settings-heading h2{font-size:18px;color:var(--navy);margin:2px 0 3px}.settings-heading p{font-size:10px;color:#8794a6;margin:0}.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{min-width:0}.settings-card-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.settings-card-head>div:nth-child(2){flex:1}.settings-card-head strong,.settings-card-head span{display:block}.settings-card-head strong{font-size:11px;color:var(--navy)}.settings-card-head span{font-size:9px;color:#97a3b2;margin-top:3px}.settings-card-head .printer-state{display:inline-flex;color:var(--green);font-size:9px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:17px 18px}.inline-check{display:flex;align-items:center;gap:7px;color:#607089;font-size:9px;min-height:40px}.inline-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue)}
@media(max-width:1050px){.settings-cards{grid-template-columns:1fr}}
@media(max-width:650px){.flags-grid,.settings-fields{grid-template-columns:1fr}.settings-fields .span-2{grid-column:span 1}}
.pos-search{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px 0}.pos-search .category-tabs{padding:0}.product-card{font-family:inherit}.product-card[hidden]{display:none}.pos-empty{grid-column:1/-1}.cart-empty{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa6b5;text-align:center}.cart-empty>span{font-size:25px;color:#bad0e9}.cart-empty strong,.cart-empty small{display:block}.cart-empty strong{color:#607089;font-size:11px;margin-top:7px}.cart-empty small{font-size:8px;margin-top:3px}.quantity-control{display:flex!important;align-items:center;gap:4px!important;flex:none!important}.quantity-control button{width:22px;height:22px;border-radius:6px;background:#eff4fa;color:#49627f;font-size:13px}.quantity-control b{width:20px;text-align:center;font-size:9px}.cart-customer{padding:13px 18px;border-top:1px solid var(--line)}.cart-customer label,.compact-field label{display:flex;justify-content:space-between;color:#607089;font-size:9px;font-weight:700;margin-bottom:6px}.cart-customer select,.compact-field input,.compact-field select{width:100%;height:35px;border:1px solid #dfe6ef;border-radius:8px;background:#fbfcfe;color:var(--ink);padding:0 9px;font:inherit;font-size:9px;outline:0}.compact-field{margin:11px 0}.compact-field label small{font-weight:500;color:#9aa5b3}.pos-submit{height:42px;margin-top:14px;font-size:10px}.pos-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.recent-sale{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-bottom:1px solid #f0f3f7}.recent-sale:last-child{border-bottom:0}.recent-sale strong,.recent-sale span{display:block}.recent-sale strong{font-size:10px;color:var(--navy)}.recent-sale span{font-size:8px;color:#98a4b3;margin-top:3px}.recent-sale>b{font-size:9px;color:var(--blue);white-space:nowrap}.empty-mini{padding:22px;text-align:center;color:#9aa5b3;font-size:9px}
@media(max-width:600px){.pos-search{display:block}.pos-search .search-box{width:100%;margin-bottom:10px}.pos-search .category-tabs{padding-bottom:5px}}
.row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.row-actions form{margin:0}.table-action.danger{color:#c85663;background:#fff4f5;border-color:#f2d6d9}.service-order-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:19px;align-items:start}.service-order-fields{border-bottom:1px solid var(--line)}.service-picker-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 10px}.service-picker-head strong,.service-picker-head span{display:block}.service-picker-head strong{font-size:11px;color:var(--navy)}.service-picker-head span{font-size:9px;color:#97a3b2;margin-top:3px}.service-picker-head>b{font-size:9px;color:var(--blue);background:var(--blue-soft);padding:5px 8px;border-radius:6px}.service-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 22px 22px}.service-choice{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e5eaf0;background:#fbfcfe;border-radius:10px;padding:12px;cursor:pointer;transition:.18s}.service-choice:hover{border-color:#bcd2eb;background:#f7faff}.service-choice.selected{border-color:#8fbae8;background:#f2f8ff;box-shadow:0 0 0 2px #e1efff}.service-choice>input[type=checkbox]{position:absolute;left:9px;top:9px;width:14px;height:14px;accent-color:var(--blue)}.service-choice-icon{width:31px;height:31px;border-radius:8px;background:var(--amber-soft);color:#c88727;display:grid;place-items:center}.service-choice-copy strong,.service-choice-copy small{display:block}.service-choice-copy strong{font-size:10px;color:var(--navy)}.service-choice-copy small{font-size:8px;color:#99a4b2;margin-top:3px}.service-choice>b{font-size:9px;color:var(--blue);padding-left:17px;white-space:nowrap}.service-quantity{grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:7px;border-top:1px solid #e7edf4}.service-quantity small{font-size:8px;color:#8794a6}.service-quantity input{width:72px;height:29px;border:1px solid #dce4ed;border-radius:7px;background:#fff;padding:0 7px;font:inherit;font-size:9px}.service-summary{position:sticky;top:95px;padding:25px}.service-summary h3{font-size:16px;color:var(--navy);margin:16px 0 6px}.service-summary>p{font-size:10px;color:#7d8b9f;line-height:1.8;margin:0 0 18px}.service-total-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#718096;padding:9px 0;border-bottom:1px solid var(--line)}.service-total-line strong{color:var(--navy)}.service-total-line.final{font-size:14px;font-weight:800}.service-total-line.final strong{color:var(--blue)}
@media(max-width:950px){.service-order-layout{grid-template-columns:1fr}.service-summary{position:static}}
@media(max-width:620px){.service-picker{grid-template-columns:1fr;padding:9px 17px 18px}.service-picker-head{padding:17px 17px 8px}}

/* Operational center, dashboard and simplified rental flow */
.topbar-menu-wrap{position:relative}.notification-button{width:37px;height:37px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center}.notification-button:hover{color:var(--blue);background:#f6faff}.notification-badge{position:absolute;top:-6px;left:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--rose);color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:800}.topbar-popover{position:absolute;top:48px;left:0;width:340px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 48px rgba(31,53,80,.16);z-index:40;overflow:hidden}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line)}.popover-head strong,.popover-head small{display:block}.popover-head strong{font-size:12px;color:var(--navy)}.popover-head small{font-size:8px;color:#96a2b2;margin-top:3px}.live-mark{font-size:8px;font-weight:800;color:var(--green);background:var(--mint);padding:4px 7px;border-radius:6px}.quick-popover{width:260px}.quick-popover>a{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid #f1f4f7;color:var(--navy)}.quick-popover>a:last-child{border-bottom:0}.quick-popover>a:hover{background:#f7faff}.quick-popover>a>span{width:27px;height:27px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.quick-popover b{font-size:10px}.quick-popover kbd{font:700 7px 'Cairo';color:#8a97a8;background:#f1f4f7;padding:3px 5px;border-radius:4px}.notification-list{max-height:430px;overflow:auto;padding:6px}.operation-notice{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;color:inherit;padding:12px 10px;border-bottom:1px solid #f0f3f7;transition:.15s}.operation-notice:last-child{border-bottom:0}.operation-notice:hover{background:#f8faff;border-radius:8px}.notice-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:800}.notice-icon.amber{background:var(--amber-soft);color:#bd7a18}.notice-icon.blue{background:var(--blue-soft);color:var(--blue)}.notice-icon.green{background:var(--mint);color:var(--green)}.notice-icon.rose{background:var(--rose-soft);color:var(--rose)}.notice-icon.violet,.stat-icon.violet{background:#f1edff;color:#7656bd}.notice-copy{min-width:0}.notice-copy strong,.notice-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-copy strong{font-size:10px;color:var(--navy)}.notice-copy small{font-size:8px;color:#8f9bab;margin-top:3px}.operation-notice time{font-size:8px;color:#8190a4;direction:ltr}.operation-notice.compact{grid-template-columns:31px minmax(0,1fr);padding:10px}.operation-notice.compact .notice-icon{width:31px;height:31px}.operation-notice.compact time{grid-column:2;font-size:7px;margin-top:-7px}.notification-empty,.dashboard-empty{padding:27px 15px;text-align:center}.notification-empty span,.dashboard-empty>span{width:39px;height:39px;margin:0 auto 8px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.notification-empty strong,.notification-empty small,.dashboard-empty strong,.dashboard-empty small{display:block}.notification-empty strong,.dashboard-empty strong{font-size:10px;color:var(--navy)}.notification-empty small,.dashboard-empty small{font-size:8px;color:#96a2b2;margin-top:4px}.today-alert{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:12px;background:#fff9eb;border:1px solid #f6dfaa;border-radius:11px;padding:13px 16px;margin-bottom:18px;color:inherit}.today-alert-icon{width:37px;height:37px;border-radius:10px;background:#f7b651;color:#fff;display:grid;place-items:center;font-weight:800}.today-alert strong,.today-alert small{display:block}.today-alert strong{font-size:11px;color:#75521e}.today-alert small{font-size:8px;color:#a28658;margin-top:3px}.today-alert>b{font-size:9px;color:#b27317}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:19px}.stat-card.featured{border-color:#cfe2f8;background:#fbfdff}.stat-card.danger-card{border-color:#f1cdd1;background:#fffafb}.panel-header>div p{font-size:8px;color:#97a3b2;margin:3px 0 0}.today-list{padding:6px 17px 14px}.keyboard-hint{font-size:8px;color:#8d99a9;background:#f1f4f7;border-radius:5px;padding:4px 7px}.dashboard-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px}.dashboard-quick-grid>a{border:1px solid var(--line);border-radius:10px;padding:12px;color:inherit;display:grid;grid-template-columns:31px 1fr;gap:2px 8px;align-items:center}.dashboard-quick-grid>a:hover{border-color:#b9d2ee;background:#f8fbff}.quick-symbol{grid-row:span 2;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.quick-symbol.blue{background:var(--blue-soft);color:var(--blue)}.quick-symbol.green{background:var(--mint);color:var(--green)}.quick-symbol.amber{background:var(--amber-soft);color:#be7e1d}.quick-symbol.rose{background:var(--rose-soft);color:var(--rose)}.dashboard-quick-grid strong{font-size:9px;color:var(--navy)}.dashboard-quick-grid small{font-size:7px;color:#9aa5b3}.workload-list{padding:7px 18px 16px}.workload-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f3f7;font-size:9px;color:#65758d}.workload-list>div:last-child{border-bottom:0}.workload-list span{display:flex;align-items:center;gap:7px}.workload-list i{width:8px;height:8px;border-radius:3px}.workload-list i.amber{background:var(--amber)}.workload-list i.blue{background:var(--blue)}.workload-list i.green{background:var(--green)}.workload-list i.violet{background:#7656bd}.workload-list strong{font-size:12px;color:var(--navy)}.dashboard-lower{grid-template-columns:1.25fr .75fr}.week-chart{height:220px;display:flex;align-items:end;gap:13px;padding:24px 22px 17px;direction:ltr}.week-column{height:100%;flex:1;display:grid;grid-template-rows:17px 1fr 17px;align-items:end;text-align:center}.week-column>strong{font-size:7px;color:#728096}.week-column>span{font-size:8px;color:#8e9aab}.week-track{height:100%;display:flex;align-items:end;justify-content:center}.week-track i{display:block;width:min(26px,72%);min-height:5px;background:#7fb0e8;border-radius:6px 6px 2px 2px}.recent-contracts{padding:6px 17px 13px}.recent-contracts>a{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f3f7;color:inherit}.recent-contracts>a:last-child{border-bottom:0}.recent-contracts span:nth-child(2){min-width:0}.recent-contracts strong,.recent-contracts small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-contracts strong{font-size:9px;color:var(--navy)}.recent-contracts small{font-size:7px;color:#98a4b3;margin-top:3px}.recent-contracts b{font-size:8px;color:var(--blue)}.dashboard-empty.compact{padding:20px}.rental-simple-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px;align-items:start}.rental-form-card{overflow:visible}.rental-form-section{padding:21px 22px;border-bottom:1px solid var(--line)}.rental-form-section:last-child{border-bottom:0}.rental-section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.rental-section-title>span{width:27px;height:27px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:9px;font-weight:800}.rental-section-title h3,.rental-section-title p{margin:0}.rental-section-title h3{font-size:12px;color:var(--navy)}.rental-section-title p{font-size:8px;color:#98a4b3;margin-top:2px}.compact-grid,.money-grid{padding:0}.money-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field.span-3{grid-column:span 3}.rental-summary-card{position:sticky;top:94px;padding:22px}.summary-title{display:flex;align-items:center;gap:10px}.summary-title>span{width:39px;height:39px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:19px}.summary-title h3,.summary-title p{margin:0}.summary-title h3{font-size:14px;color:var(--navy)}.summary-title p{font-size:8px;color:#96a2b2;margin-top:3px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rental-calculation{margin-top:17px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rental-calculation>div{display:flex;justify-content:space-between;font-size:9px;color:#758399;padding:5px 0}.rental-calculation strong{color:var(--navy)}.rental-calculation .total{font-size:12px;font-weight:800;border-top:1px dashed #dfe5ec;margin-top:5px;padding-top:10px}.rental-calculation .total strong{color:var(--blue)}.rental-calculation .remaining{color:#a56216;font-weight:800}.rental-calculation .remaining strong{color:#a56216}.simple-policy{display:flex;gap:9px;padding:11px;margin-top:15px;background:var(--mint);border-radius:9px}.simple-policy>span{width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none;font-size:9px}.simple-policy p{font-size:8px;line-height:1.7;color:#4e8879;margin:0}.simple-policy strong{display:block;color:#23775f;font-size:9px}.after-save-note{padding:11px 0 0}.after-save-note strong,.after-save-note span{display:block}.after-save-note strong{font-size:9px;color:var(--navy)}.after-save-note span{font-size:8px;color:#96a2b2;margin-top:3px}.rental-result-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.result-success{display:flex;align-items:center;gap:11px;padding:20px 21px;border-bottom:1px solid var(--line)}.result-success>span{width:39px;height:39px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.result-success strong,.result-success p{display:block;margin:0}.result-success strong{font-size:13px;color:var(--navy)}.result-success p{font-size:8px;color:#8d9aab;margin-top:3px}.print-choices{padding:16px 20px 20px;display:flex;flex-direction:column;gap:10px}.print-choice{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:14px;color:inherit}.print-choice:hover{border-color:#afcae8;background:#f8fbff}.print-choice>span{width:40px;height:40px;border-radius:11px;background:#eef4fb;color:var(--blue);display:grid;place-items:center;font-size:19px}.print-choice strong,.print-choice small{display:block}.print-choice strong{font-size:11px;color:var(--navy)}.print-choice small{font-size:8px;color:#93a0b0;margin-top:3px}.print-choice>b{font-size:9px;color:var(--blue)}.print-choice.primary{border-color:#bed6ef;background:#f7fbff}.contract-glance .glance-lines{padding:10px 19px 18px}.glance-lines>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f3f7;font-size:9px}.glance-lines>div:last-child{border-bottom:0}.glance-lines span{color:#8c99aa}.glance-lines strong{color:var(--navy);text-align:left}.glance-lines .glance-total{font-size:11px;font-weight:800}.glance-lines .glance-total strong{color:#b06c16}.clause-editor{border:1px solid #e5eaf1;border-radius:10px;padding:13px;background:#fbfcfe}.clause-list{display:flex;flex-direction:column;gap:7px}.clause-row{display:grid;grid-template-columns:22px 1fr 25px;gap:6px;align-items:center}.clause-row>span{width:22px;height:22px;border-radius:6px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:8px;font-weight:800}.clause-row input{height:34px}.clause-row button{width:25px;height:25px;border-radius:6px;background:var(--rose-soft);color:var(--rose)}.add-clause-button{margin-top:9px;color:var(--blue);background:transparent;font-size:9px;font-weight:800;padding:0}.add-clause-button:hover{text-decoration:underline}
@media(max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.rental-simple-layout,.rental-result-grid{grid-template-columns:1fr}.rental-summary-card{position:static}}
@media(max-width:780px){.topbar-popover{position:fixed;top:64px;right:12px;left:12px;width:auto}.quick-popover{right:auto;left:12px;width:260px}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-lower{grid-template-columns:1fr}.today-alert{grid-template-columns:34px 1fr}.today-alert>b{display:none}.money-grid{grid-template-columns:1fr}.field.span-3{grid-column:span 1}}
@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr}.dashboard-quick-grid{grid-template-columns:1fr 1fr}.operation-notice{grid-template-columns:32px minmax(0,1fr)}.operation-notice time{grid-column:2}.notice-icon{width:32px;height:32px}.rental-form-section{padding:17px}.print-choice{grid-template-columns:36px 1fr}.print-choice>b{grid-column:2}.topbar-actions{gap:6px}}
.read-all-button{background:transparent;color:var(--blue);font-size:8px;font-weight:800;padding:5px 7px;border-radius:6px}.read-all-button:hover{background:var(--blue-soft)}.operation-notice.is-read{opacity:.58}.operation-notice.is-read:hover{opacity:1}.notification-badge.is-empty{display:none}
.compact-heading{margin-bottom:16px}.settings-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:start}.settings-subnav{position:sticky;top:84px;padding:7px}.settings-subnav button{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:11px 9px;text-align:right;border-radius:8px;color:#728097;background:transparent}.settings-subnav button:hover{background:#f5f8fc}.settings-subnav button.active{background:var(--blue-soft);color:var(--blue)}.settings-subnav button>span{width:30px;height:30px;border-radius:8px;background:#f0f3f7;display:grid;place-items:center;font-size:8px;font-weight:800}.settings-subnav button.active>span{background:#fff}.settings-subnav strong,.settings-subnav small{display:block}.settings-subnav strong{font-size:10px;color:var(--navy)}.settings-subnav small{font-size:7px;color:#9aa6b4;margin-top:2px}.settings-panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:11px}.settings-panel-heading h2{font-size:18px;color:var(--navy);margin:2px 0}.settings-panel-heading p{font-size:9px;color:#8996a7;margin:0}.compact-settings-list{display:flex;flex-direction:column;gap:10px}.compact-settings-card{overflow:hidden}.compact-settings-card>summary{cursor:pointer;list-style:none}.compact-settings-card>summary::-webkit-details-marker{display:none}.compact-settings-card>summary:after{content:'⌄';font-size:12px;color:#8d99a8;transition:.2s}.compact-settings-card[open]>summary:after{transform:rotate(180deg)}.compact-settings-card[open]>summary{background:#fbfdff}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);border-top:1px solid var(--line)}.template-editor-main{min-width:0}.template-preview-pane{border-right:1px solid var(--line);background:#f7f9fc;padding:14px;min-width:0}.preview-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview-caption strong,.preview-caption small{display:block}.preview-caption strong{font-size:10px;color:var(--navy)}.preview-caption small{font-size:7px;color:#98a4b3;margin-top:2px}.preview-caption>span{font-size:7px;color:var(--blue);background:var(--blue-soft);padding:3px 6px;border-radius:5px}.receipt-preview{width:min(100%,80mm);margin:auto;background:#fff;color:#1f314a;border:1px solid #dfe5ec;box-shadow:0 8px 24px rgba(31,53,80,.08);padding:14px 13px;font-size:7px}.preview-brand{text-align:center;border-bottom:1px dashed #aeb7c2;padding-bottom:7px}.preview-brand strong,.preview-brand small{display:block}.preview-brand strong{font-size:11px}.preview-brand small{font-size:6px;color:#8290a1;margin-top:2px}.preview-logo{width:26px;height:26px;margin:0 auto 4px;border-radius:8px 8px 8px 2px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}.preview-document-title{text-align:center;font-size:9px;font-weight:800;margin-top:7px}.preview-number{text-align:center;color:var(--blue);direction:ltr;font-size:7px;font-weight:700}.preview-lines{border-top:1px dashed #c1c8d0;border-bottom:1px dashed #c1c8d0;margin:7px 0;padding:4px 0}.preview-lines>div,.preview-totals>div{display:flex;justify-content:space-between;gap:7px;padding:1.5px 0}.preview-lines span,.preview-totals span{color:#7f8b99}.preview-item{padding:5px 0;border-bottom:1px dashed #c1c8d0}.preview-item strong,.preview-item small{display:block}.preview-item small{color:#7f8b99;margin-top:2px}.preview-accessories{color:#9b681f!important}.preview-items{width:100%;border-collapse:collapse;margin:5px 0}.preview-items td{padding:3px 1px;border-bottom:1px solid #edf0f3}.preview-items td:last-child{text-align:left}.preview-totals{padding:4px 0;border-bottom:1px dashed #c1c8d0}.preview-totals .final{font-size:9px;font-weight:800}.preview-clauses{font-size:6px;line-height:1.6;padding-top:5px}.preview-clauses ol{margin:2px 0;padding-right:12px}.preview-footer{text-align:center;color:#7c8998;padding-top:6px}.preview-footer span,.preview-footer b{display:block}.preview-footer b{margin-top:2px}.receipt-preview.label-preview{width:50mm;min-height:30mm;padding:7px 8px}.label-preview .preview-brand{display:flex;align-items:center;gap:5px;text-align:right;padding-bottom:4px}.label-preview .preview-brand .preview-logo{width:18px;height:18px;margin:0;font-size:9px}.label-preview .preview-brand strong{font-size:7px}.label-preview .preview-brand small{font-size:5px}.label-preview .preview-document-title{font-size:7px;margin-top:4px}.preview-label-customer{display:flex;justify-content:space-between;gap:4px;font-size:7px;margin:4px 0}.preview-label-customer span{font-size:5px;color:var(--blue)}.preview-label-item{font-size:6px;font-weight:800}.preview-label-item.muted{font-size:5px;color:#7f8b99}.preview-label-dates{display:flex;justify-content:space-between;border-top:1px dashed #c1c8d0;margin-top:4px;padding-top:3px;font-size:5px}.label-preview .preview-footer{display:none}.visible-fields{border:1px solid #e1e7ee;border-radius:9px;padding:10px 11px}.visible-fields legend{font-size:9px;font-weight:800;color:var(--navy);padding:0 5px}.visible-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.visible-fields-grid label{font-size:8px;color:#697991;display:flex;align-items:center;gap:5px}.visible-fields-grid input[type=checkbox]{width:13px;height:13px;accent-color:var(--blue)}
@media(max-width:1100px){.settings-workspace{grid-template-columns:135px minmax(0,1fr)}.template-editor-layout{grid-template-columns:1fr}.template-preview-pane{border-right:0;border-top:1px solid var(--line)}}
@media(max-width:720px){.settings-workspace{grid-template-columns:1fr}.settings-subnav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.settings-subnav button{grid-template-columns:1fr;justify-items:center;text-align:center}.settings-subnav small{display:none}.settings-subnav button>span{width:25px;height:25px}.visible-fields-grid{grid-template-columns:1fr}}

.brand-logo,.login-brand-logo{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#fff;border:1px solid #e4e9ef}.app-brand .brand-logo{width:34px;height:34px}.user-profile-link{min-width:0;flex:1;text-decoration:none}.user-profile-link strong,.user-profile-link span{display:block}.user-profile-link strong{color:var(--navy);font-size:10px}.user-profile-link span{color:#8996a8;font-size:7px}.topbar-user{text-decoration:none;color:inherit}.organization-settings-form{overflow:hidden}.organization-logo-editor{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border-bottom:1px solid var(--line);background:#fbfcfe}.organization-logo-preview{width:86px;height:86px;border:1px dashed #b8c5d4;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--navy);font-size:30px;font-weight:800}.organization-logo-preview img{width:100%;height:100%;object-fit:contain;padding:6px}.organization-logo-editor strong{font-size:12px;color:var(--navy)}.organization-logo-editor p{font-size:8px;color:#8996a7;margin:3px 0 8px}.organization-logo-editor input[type=file]{font:inherit;font-size:8px;color:#62738a}.organization-fields{border-top:0}.settings-hint{font-size:8px;color:#7f8da0;margin-left:auto}.preview-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.user-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:12px;align-items:end;padding:14px;margin-bottom:14px}.users-table-panel{overflow:hidden}.security-note{font-size:8px;color:#6d7e93;background:#f2f6fa;padding:6px 8px;border-radius:7px}.user-cell{display:flex;align-items:center;gap:8px}.user-cell>span{width:30px;height:30px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}.user-cell strong,.user-cell small{display:block}.user-cell small{font-size:8px;color:#8996a7;margin-top:2px}.permission-mode{font-size:8px;color:#64758c;background:#f1f4f8;border-radius:999px;padding:4px 7px;white-space:nowrap}.permission-mode.custom{color:#875b13;background:#fff4df}.row-actions{display:flex;align-items:center;gap:7px}.row-actions a,.row-actions button{font:inherit;font-size:8px;font-weight:700;color:var(--blue);background:none;border:0;cursor:pointer;text-decoration:none}.row-actions button{color:#b94c55}.row-actions form{margin:0}.user-editor{display:grid;gap:14px}.user-account-card,.permission-card{overflow:hidden}.role-default-toggle{display:flex;align-items:center;gap:10px;margin:0 16px 14px;padding:12px;border:1px solid #dce6f0;background:#f8fbff;border-radius:10px}.role-default-toggle input{width:17px;height:17px;accent-color:var(--blue)}.role-default-toggle strong,.role-default-toggle small{display:block}.role-default-toggle strong{font-size:10px;color:var(--navy)}.role-default-toggle small{font-size:8px;color:#8190a2;margin-top:2px}.permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 16px}.permission-groups.is-readonly{opacity:.7}.permission-group{border:1px solid #e1e7ee;border-radius:10px;padding:9px 10px}.permission-group legend{padding:0 5px;color:var(--navy);font-size:9px;font-weight:800}.permission-group>div{display:flex;flex-direction:column;gap:6px}.permission-group label{display:flex;gap:6px;align-items:flex-start;color:#63738a;font-size:8px;line-height:1.5}.permission-group input{width:13px;height:13px;margin-top:1px;accent-color:var(--blue)}.permission-help{font-size:8px;color:#7e8da0;margin:0;padding:11px 16px;border-top:1px solid var(--line);background:#fbfcfe}.sticky-form-actions{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;gap:8px;padding:10px;border:1px solid #dfe6ee;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(31,53,80,.1)}.profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form{padding:18px;display:flex;flex-direction:column;gap:12px}.profile-form .panel-header{padding:0 0 12px}.profile-role-card{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:8px 12px}.profile-role-card>span{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}.profile-role-card strong,.profile-role-card small{display:block}.profile-role-card strong{font-size:9px;color:var(--navy)}.profile-role-card small{font-size:7px;color:#8b98a8}
@media(max-width:1000px){.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.organization-logo-editor{grid-template-columns:70px 1fr}.organization-logo-preview{width:66px;height:66px}.user-filter-bar,.profile-settings-grid{grid-template-columns:1fr}.permission-groups{grid-template-columns:1fr}.security-note{display:none}.users-table{min-width:760px}}
.asset-accessory-editor{margin:0 19px 18px;border:1px solid #e2e8ef;background:#fbfcfe;border-radius:10px;padding:13px}.accessory-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.accessory-editor-head strong,.accessory-editor-head small{display:block}.accessory-editor-head strong{font-size:10px;color:var(--navy)}.accessory-editor-head small{font-size:8px;color:#92a0b0;margin-top:3px}.accessory-editor-head button{font-size:8px;font-weight:800;color:var(--blue);background:var(--blue-soft);padding:6px 9px;border-radius:6px}.accessory-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:10px 0}.accessory-suggestions span{font-size:7px;color:#97a3b2}.accessory-suggestions button{font-size:7px;color:#65758b;background:#fff;border:1px solid var(--line);padding:4px 7px;border-radius:5px}.asset-accessory-list{display:flex;flex-direction:column;gap:6px}.asset-accessory-row{display:grid;grid-template-columns:22px minmax(120px,1fr) minmax(90px,.65fr) 55px 25px;gap:6px;align-items:center}.asset-accessory-row>span{width:22px;height:22px;border-radius:6px;background:var(--amber-soft);color:#a96b12;display:grid;place-items:center;font-size:8px;font-weight:800}.asset-accessory-row input{height:34px;border:1px solid #dce3eb;border-radius:7px;padding:0 8px;font:8px 'Cairo';min-width:0}.asset-accessory-row button{width:25px;height:25px;border-radius:6px;background:var(--rose-soft);color:var(--rose)}.accessory-empty{font-size:8px;color:#9aa6b4;padding:8px 0}.table-accessories{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.table-accessories span{font-size:7px;color:#93621a;background:var(--amber-soft);padding:3px 5px;border-radius:4px}.table-accessories small{font-size:7px;color:#9ca7b4}.rental-included-accessories{margin-top:12px;padding:11px 12px;border:1px solid #f0deb8;background:#fffaf0;border-radius:9px}.rental-included-accessories strong,.rental-included-accessories p{display:block;margin:0}.rental-included-accessories strong{font-size:9px;color:#805719}.rental-included-accessories p{font-size:7px;color:#a0865d;margin-top:2px}.rental-included-accessories>div,.summary-accessories>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.rental-included-accessories>div span,.summary-accessories>div span{font-size:7px;color:#8b631f;background:#fff;border:1px solid #f0dfbc;border-radius:5px;padding:4px 6px}.summary-accessories{padding:12px 0;border-bottom:1px solid var(--line)}.summary-accessories>strong{font-size:8px;color:var(--navy)}
@media(max-width:620px){.asset-accessory-row{grid-template-columns:22px 1fr 25px}.asset-accessory-row input[placeholder="كود اختياري"],.asset-accessory-row input[type=number]{grid-column:2}.asset-accessory-row button{grid-column:3;grid-row:1}}
.accessory-management-card{max-width:820px}.asset-accessory-editor.standalone{margin:0;border:0;border-radius:0;background:#fff;padding:18px}.accessory-management-card .section-actions{gap:8px}
.import-step{padding:20px;margin-bottom:14px}.import-step-heading{display:flex;align-items:center;gap:10px}.import-step-heading>span{width:31px;height:31px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.import-step-heading strong,.import-step-heading small{display:block}.import-step-heading strong{font-size:12px;color:var(--navy)}.import-step-heading small{font-size:8px;color:#929ead;margin-top:3px}.import-form{margin-top:17px}.import-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.import-type-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:14px;cursor:pointer;background:#fff}.import-type-card:hover{border-color:#b8d0eb;background:#fbfdff}.import-type-card:has(input:checked){border-color:#84b2e4;box-shadow:0 0 0 2px #e6f1fc;background:#fafdff}.import-type-card input{position:absolute;opacity:0;pointer-events:none}.import-type-icon{grid-row:1/span 2;width:38px;height:38px;border-radius:10px;background:#eff4fa;color:var(--blue);display:grid;place-items:center;font-size:17px}.import-type-card>strong{font-size:10px;color:var(--navy)}.import-type-card>small{font-size:7px;line-height:1.6;color:#8c99aa}.import-type-card>a{grid-column:2;font-size:8px;font-weight:800;margin-top:7px}.import-type-check{position:absolute;top:9px;left:9px;width:17px;height:17px;border-radius:50%;background:var(--blue);color:#fff;display:none;place-items:center;font-size:8px}.import-type-card:has(input:checked) .import-type-check{display:grid}.import-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:13px;align-items:stretch}.import-file-field{min-height:65px;border:1px dashed #bfcddd;border-radius:10px;background:#f9fbfd;display:grid;grid-template-columns:37px 1fr minmax(160px,auto);gap:10px;align-items:center;padding:10px 13px}.import-file-field>span{width:37px;height:37px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:17px;font-weight:800}.import-file-field strong,.import-file-field small{display:block}.import-file-field strong{font-size:10px;color:var(--navy)}.import-file-field small{font-size:7px;color:#919dad;margin-top:3px}.import-file-field input{font-size:8px;color:#728197}.import-preview-button{min-width:130px}.import-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.import-help-card{padding:13px;display:grid;grid-template-columns:29px 1fr;gap:9px}.import-help-card>span{width:29px;height:29px;border-radius:8px;background:#f0f4f8;color:#6e7f94;display:grid;place-items:center;font-size:9px;font-weight:800}.import-help-card strong{font-size:9px;color:var(--navy)}.import-help-card p{font-size:7px;line-height:1.7;color:#8c99aa;margin:3px 0 0}.import-preview-panel{overflow:hidden}.import-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line)}.import-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px 19px}.import-summary-grid>div{border:1px solid var(--line);border-radius:9px;padding:10px 12px}.import-summary-grid span,.import-summary-grid strong{display:block}.import-summary-grid span{font-size:7px;color:#8795a7}.import-summary-grid strong{font-size:18px;color:var(--navy);margin-top:3px}.import-summary-grid .ready{background:#f7fdfb;border-color:#ccece1}.import-summary-grid .ready strong{color:var(--green)}.import-summary-grid .duplicate{background:#fffcf5;border-color:#f3e2bd}.import-summary-grid .duplicate strong{color:#b67a22}.import-summary-grid .error{background:#fffafb;border-color:#f0d2d6}.import-summary-grid .error strong{color:var(--rose)}.import-blocked-note,.import-ready-note,.import-duplicate-note{margin:0 19px 14px;padding:11px 12px;border-radius:9px;display:flex;gap:9px;align-items:center}.import-blocked-note{background:var(--rose-soft);color:#9c4a53}.import-ready-note{background:var(--mint);color:#327d68}.import-duplicate-note{background:var(--amber-soft);color:#94651d}.import-blocked-note>span,.import-ready-note>span,.import-duplicate-note>span{width:25px;height:25px;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.import-blocked-note strong,.import-ready-note strong,.import-duplicate-note strong{display:block;font-size:9px}.import-blocked-note p,.import-ready-note p,.import-duplicate-note p{font-size:7px;margin:2px 0 0}.import-table-wrap{overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.import-preview-table{min-width:850px}.import-preview-table td{vertical-align:top}.import-preview-table tr.import-row-error{background:#fffafb}.import-preview-table tr.import-row-duplicate{background:#fffdf8}.import-status{display:inline-flex;border-radius:6px;padding:4px 7px;font-size:7px;font-weight:800}.import-status.ready{background:var(--mint);color:var(--green)}.import-status.duplicate{background:var(--amber-soft);color:#a36c19}.import-status.error{background:var(--rose-soft);color:var(--rose)}.import-row-message{min-width:220px;max-width:330px}.import-row-message ul{padding:0 13px 0 0;margin:0;color:#a34d56;font-size:7px;line-height:1.7}.import-row-duplicate .import-row-message ul{color:#99691e}.import-no-errors{font-size:7px;color:#8b9aab}.import-hidden-rows{font-size:8px;color:#7e8da0;background:#f6f8fb;padding:9px 19px;margin:0}.import-confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px}.import-confirm-bar strong,.import-confirm-bar small{display:block}.import-confirm-bar strong{font-size:10px;color:var(--navy)}.import-confirm-bar small{font-size:7px;color:#929fae;margin-top:3px}.import-confirm-bar button[disabled]{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.import-type-grid,.import-help-grid{grid-template-columns:1fr}.import-summary-grid{grid-template-columns:1fr 1fr}.import-upload-row{grid-template-columns:1fr}.import-preview-button{min-height:42px}.import-file-field{grid-template-columns:37px 1fr}.import-file-field input{grid-column:2}}
@media(max-width:520px){.import-step{padding:15px}.import-summary-grid{padding:12px;gap:7px}.import-preview-head,.import-confirm-bar{align-items:stretch;flex-direction:column}.import-confirm-bar form,.import-confirm-bar button{width:100%}.import-blocked-note,.import-ready-note,.import-duplicate-note{margin-right:12px;margin-left:12px}.import-file-field{grid-template-columns:31px 1fr}.import-file-field>span{width:31px;height:31px}}
.finance-two-column{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start;margin-bottom:14px}.expense-form-card{overflow:hidden}.expense-form-card .settings-fields{border-top:1px solid var(--line)}.expense-summary-card{padding:18px;position:sticky;top:84px}.expense-summary-card>span,.expense-summary-card>strong,.expense-summary-card>small{display:block}.expense-summary-card>span{font-size:8px;color:#8795a7}.expense-summary-card>strong{font-size:24px;color:var(--rose);margin:5px 0}.expense-summary-card>small{font-size:8px;color:#99a5b3}.expense-summary-card form{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:grid;gap:8px}.expense-summary-card .field{padding:0}.finance-filters{padding:13px 15px;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.finance-filters .field{padding:0}.finance-filters button{height:40px}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.finance-kpi{padding:15px}.finance-kpi>span,.finance-kpi>strong,.finance-kpi>small{display:block}.finance-kpi>span{font-size:8px;color:#7f8da0}.finance-kpi>strong{font-size:19px;color:var(--navy);margin:6px 0}.finance-kpi>small{font-size:7px;color:#9aa5b3}.finance-kpi.featured{border-color:#b8d7cd;background:#f8fdfb}.finance-kpi.featured>strong{color:var(--green)}.finance-kpi.featured>strong.negative{color:var(--rose)}.finance-kpi.warning{background:#fffaf2;border-color:#f2dfbd}.finance-kpi.warning>strong{color:#ab711b}.finance-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finance-lines,.finance-category-list,.branch-finance-list,.outstanding-list{padding:8px 18px 16px}.finance-lines>div,.finance-category-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef2f6;font-size:9px}.finance-lines>div:last-child,.finance-category-list>div:last-child{border-bottom:0}.finance-lines span,.finance-category-list span{color:#6f7e92}.finance-lines strong,.finance-category-list strong{color:var(--navy)}.finance-lines b{color:var(--rose)}.finance-lines .total{margin-top:4px;border-top:1px dashed #cbd3dd;font-weight:800}.finance-lines .net{background:var(--mint);margin:8px -8px -5px;padding:11px 8px;border-radius:8px;border:0}.finance-lines .net span,.finance-lines .net strong{color:#24775f}.branch-finance-list>div{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f6;font-size:8px}.branch-finance-list>div:last-child{border-bottom:0}.branch-finance-list strong{color:var(--navy)}.branch-finance-list span{color:#8492a4}.branch-finance-list b{text-align:left;color:var(--blue)}.outstanding-list>div{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f6}.outstanding-list>div:last-child{border-bottom:0}.outstanding-list strong,.outstanding-list small{display:block}.outstanding-list strong{font-size:9px;color:var(--navy)}.outstanding-list small{font-size:7px;color:#93a0af;margin-top:2px}.outstanding-list b{font-size:9px;color:#ad7119}.outstanding-list .type-badge{font-size:7px;text-align:center}.finance-method-note{font-size:8px;color:#7c899a;background:#eef4fa;border-radius:8px;padding:10px 12px;margin:14px 0 0}
@media(max-width:1050px){.finance-kpis{grid-template-columns:1fr 1fr}.finance-two-column{grid-template-columns:1fr}.expense-summary-card{position:static}.finance-report-grid{grid-template-columns:1fr}}
@media(max-width:650px){.finance-filters{grid-template-columns:1fr 1fr}.finance-filters .field:nth-child(3),.finance-filters button{grid-column:span 2}.finance-kpis{grid-template-columns:1fr}.branch-finance-list>div{grid-template-columns:1fr 1fr}.branch-finance-list b{text-align:right}}
.readiness-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 22px;margin-bottom:14px;border-right:4px solid var(--green)}.readiness-hero.blocked{border-right-color:var(--rose)}.readiness-hero h2{font-size:17px;color:var(--navy);margin:3px 0}.readiness-hero p{font-size:9px;color:#7b899b;margin:0}.readiness-score{width:76px;height:76px;border-radius:14px;background:var(--mint);display:grid;place-content:center;text-align:center}.readiness-score strong{font-size:25px;line-height:1;color:var(--green)}.readiness-score span{font-size:7px;color:#638476;margin-top:4px}.readiness-stats{display:flex;gap:8px}.readiness-stats span{padding:9px 11px;border-radius:8px;background:#f5f7f9;color:#748296;font-size:8px}.readiness-stats b{color:var(--navy);font-size:11px}.operations-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}.operations-card{overflow:hidden}.readiness-list{padding:4px 18px 16px}.readiness-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5}.readiness-list>div:last-child{border-bottom:0}.readiness-list strong,.readiness-list small{display:block}.readiness-list strong{font-size:9px;color:var(--navy)}.readiness-list small{font-size:7px;color:#8c98a7;margin-top:2px}.readiness-list>div>b{font-size:7px}.readiness-mark{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:800}.readiness-mark.pass{background:#e6f5ee;color:var(--green)}.readiness-mark.warn{background:#fff3dc;color:#ad7118}.readiness-mark.fail{background:#fdebed;color:var(--rose)}.status-pass{color:var(--green)}.status-warn{color:#ad7118}.status-fail{color:var(--rose)}.soft-count{min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf4fa;color:var(--blue);font-size:8px;font-weight:800}.operations-note{margin:0;padding:0 18px 12px;color:#7d8998;font-size:8px;line-height:1.8}.backup-list{padding:0 18px}.backup-list>div{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf1f5}.backup-list strong,.backup-list small{display:block}.backup-list strong{font-size:8px;color:var(--navy)}.backup-list small{font-size:7px;color:#939fac}.backup-list a{font-size:8px;color:var(--blue);font-weight:800}.backup-icon{width:29px;height:29px;border-radius:7px;background:#edf4fa;color:var(--blue);display:grid;place-items:center}.server-steps{margin:14px 18px 18px;padding:13px;border-radius:9px;background:#f7f9fb}.server-steps>strong{font-size:9px;color:var(--navy)}.server-steps ol{margin:7px 16px 0 0;padding:0;color:#758396;font-size:8px;line-height:2}.server-steps code{direction:ltr;display:inline-block;background:#e9eef3;color:#45576b;padding:0 4px;border-radius:3px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #cbd7e1;border-radius:7px;color:#506174;font-size:8px;font-weight:800;background:#fff}.ghost-button:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:900px){.operations-grid{grid-template-columns:1fr}.readiness-hero{grid-template-columns:auto 1fr}.readiness-stats{grid-column:1/-1}}
@media(max-width:580px){.readiness-hero{grid-template-columns:1fr;text-align:center}.readiness-score{margin:auto}.readiness-stats{justify-content:center}.readiness-list>div{grid-template-columns:30px 1fr}.readiness-list>div>b{grid-column:2}.page-heading form{width:100%}.page-heading form button{width:100%}}
.nav-report-section{margin:2px 0}.nav-report-section summary{list-style:none;cursor:pointer}.nav-report-section summary::-webkit-details-marker{display:none}.nav-report-section summary>b{margin-right:auto;font-size:8px;transition:transform .18s}.nav-report-section[open] summary>b{transform:rotate(180deg)}.nav-report-links{margin:2px 28px 8px 0;padding-right:10px;border-right:1px solid #dbe4ed;display:grid;gap:2px}.nav-report-links a{padding:6px 9px;border-radius:6px;color:#7c8999;font-size:7px;font-weight:700}.nav-report-links a:hover,.nav-report-links a.active{color:var(--blue);background:#edf4fb}.report-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.report-overview-card{padding:15px}.report-overview-card span,.report-overview-card strong,.report-overview-card small{display:block}.report-overview-card span{font-size:8px;color:#7c8a9c}.report-overview-card strong{font-size:18px;color:var(--navy);margin:6px 0}.report-overview-card small{font-size:7px;color:#9aa5b3}.report-overview-card.warning{background:#fffaf2;border-color:#f0dfbd}.report-overview-card.warning strong{color:#aa701a}.report-overview-card.compact{display:flex;align-items:center;justify-content:space-between;grid-column:span 2}.report-overview-card.compact strong{font-size:23px;margin:0;color:var(--green)}.report-overview-card.danger strong{color:var(--rose)}.reports-section-heading{display:flex;align-items:end;justify-content:space-between;margin:4px 2px 10px}.reports-section-heading h2{font-size:15px;color:var(--navy);margin:3px 0 0}.reports-section-heading>small{font-size:8px;color:#8b98a8}.report-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-catalog-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:17px;color:inherit}.report-catalog-card:hover{border-color:#b9cede;box-shadow:0 7px 20px rgba(31,67,98,.06);transform:translateY(-1px)}.report-catalog-card.featured{border-color:#b8d7cd;background:#f8fdfb}.report-card-icon{width:42px;height:42px;border-radius:11px;background:#edf4fa;color:var(--blue);display:grid;place-items:center;font-size:17px}.report-catalog-card.featured .report-card-icon{background:#e3f3ec;color:var(--green)}.report-catalog-card strong,.report-catalog-card p,.report-catalog-card small{display:block}.report-catalog-card strong{font-size:10px;color:var(--navy)}.report-catalog-card p{font-size:8px;color:#7e8b9b;margin:4px 0;line-height:1.7}.report-catalog-card small{font-size:7px;color:#a0a9b4}.report-catalog-card>b{color:#9aabba;font-size:16px}.detailed-report-filters{padding:13px 15px;display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:13px}.detailed-report-filters .field{padding:0;min-width:125px;flex:1}.detailed-report-filters .report-search-field{min-width:210px;flex:1.6}.detailed-report-filters button{height:40px;white-space:nowrap}.detailed-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}.detailed-report-metrics article{padding:14px}.detailed-report-metrics span,.detailed-report-metrics strong,.detailed-report-metrics small{display:block}.detailed-report-metrics span{font-size:8px;color:#7d8a9a}.detailed-report-metrics strong{font-size:16px;color:var(--navy);margin:5px 0}.detailed-report-metrics small{font-size:7px;color:#9ca7b3}.detailed-report-table-card{overflow:hidden}.report-period{font-size:8px;color:#8190a1;background:#f3f6f8;padding:6px 9px;border-radius:6px}.detailed-report-table-wrap{overflow:auto;max-height:620px}.detailed-report-table{width:100%;border-collapse:collapse;white-space:nowrap}.detailed-report-table th{position:sticky;top:0;z-index:1;background:#f7f9fb;color:#6f7d8f;font-size:7px;text-align:right;padding:10px;border-bottom:1px solid #dfe6ec}.detailed-report-table td{font-size:8px;color:#59697b;padding:10px;border-bottom:1px solid #edf1f4}.detailed-report-table tbody tr:hover{background:#fbfcfd}.detailed-report-table td a{color:var(--blue);font-weight:800}.detailed-report-table .money-cell{direction:ltr;text-align:right;font-weight:700;color:#32465d}.report-status-badge{display:inline-flex;padding:4px 7px;border-radius:10px;background:#edf4fa;color:#47667f;font-size:7px;font-weight:800}.report-pagination{padding:12px 15px;border-top:1px solid #e9eef2}.report-pagination nav>div:first-child{display:none}.report-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-pagination nav p{font-size:8px;color:#8491a0}.report-pagination nav span,.report-pagination nav a{font-size:8px}.report-pagination svg{width:14px;height:14px}
@media(max-width:1100px){.report-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailed-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.report-catalog-grid{grid-template-columns:1fr}.detailed-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detailed-report-filters .field,.detailed-report-filters .report-search-field{min-width:calc(50% - 9px)}.detailed-report-filters button{width:100%}}
@media(max-width:480px){.report-overview-grid,.detailed-report-metrics{grid-template-columns:1fr}.report-overview-card.compact{grid-column:span 1}.detailed-report-filters .field,.detailed-report-filters .report-search-field{min-width:100%}.report-catalog-card{grid-template-columns:38px 1fr auto;padding:13px}.report-card-icon{width:37px;height:37px}}

/* Focused, mobile-first navigation actions */
.topbar-create-actions{display:flex;align-items:center;gap:7px}.topbar-create-button{height:36px;padding:0 12px;border:1px solid #d6e2ee;border-radius:9px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap;transition:.18s}.topbar-create-button span{font-size:14px;line-height:1}.topbar-create-button.rental{background:var(--navy);border-color:var(--navy);color:#fff}.topbar-create-button.sale{background:#eef6ff;border-color:#cfe1f5;color:var(--blue)}.topbar-create-button:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(31,53,80,.1)}.shortcut-only{display:none}

/* POS workspace */
.pos-page{max-width:1440px;margin:0 auto}.pos-page-heading{margin-bottom:14px}.pos-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.pos-heading-actions button span{margin-left:5px}.pos-customer-bar{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(280px,1.35fr) minmax(180px,.8fr) auto;align-items:center;gap:13px;padding:14px 16px;margin-bottom:14px;position:relative;z-index:8}.pos-customer-title,.pos-selected-customer{display:flex;align-items:center;gap:9px;min-width:0}.pos-customer-title strong,.pos-customer-title small,.pos-selected-customer strong,.pos-selected-customer small{display:block}.pos-customer-title strong,.pos-selected-customer strong{font-size:10px;color:var(--navy)}.pos-customer-title small,.pos-selected-customer small{font-size:7px;color:#8d9aab;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-customer-icon,.pos-selected-customer>span{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none;font-size:16px;font-weight:800}.pos-selected-customer>span{width:31px;height:31px;font-size:11px;background:#e9f7f2;color:var(--green)}.pos-customer-search{position:relative}.pos-customer-search>span{position:absolute;right:12px;top:9px;color:#8292a5;z-index:1}.pos-customer-search>input{width:100%;height:40px;border:1px solid #dce5ef;border-radius:10px;background:#f9fbfd;padding:0 34px 0 34px;font:10px 'Cairo';outline:0;color:var(--ink)}.pos-customer-search>input:focus{background:#fff;border-color:#79a9de;box-shadow:0 0 0 3px #eaf3ff}.pos-customer-search>[data-clear-pos-customer]{position:absolute;left:9px;top:8px;width:24px;height:24px;border-radius:50%;background:#eef2f6;color:#6f7e90;font-size:14px}.pos-customer-results{position:absolute;right:0;left:0;top:46px;background:#fff;border:1px solid #dce5ee;border-radius:11px;box-shadow:0 14px 35px rgba(31,53,80,.16);padding:6px;max-height:300px;overflow:auto;z-index:20}.pos-customer-results[hidden]{display:none}.pos-customer-results button{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;text-align:right;background:#fff}.pos-customer-results button:hover,.pos-customer-results button:focus{background:#f0f6fd}.pos-customer-results button>span:first-child{width:29px;height:29px;border-radius:8px;background:#edf4fb;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.pos-customer-results button>span:last-child{min-width:0}.pos-customer-results strong,.pos-customer-results small{display:block}.pos-customer-results strong{font-size:9px;color:var(--navy)}.pos-customer-results small{direction:ltr;text-align:right;font-size:8px;color:#8390a1;margin-top:2px}.pos-customer-results p{margin:0;padding:13px;text-align:center;color:#8996a6;font-size:8px}.pos-add-customer{height:38px;padding:0 12px;border-radius:9px;background:#eef6ff;color:var(--blue);font:800 9px 'Cairo';white-space:nowrap}.pos-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start}.pos-catalog-panel{min-height:540px}.pos-cart-panel{position:sticky;top:80px;overflow:hidden}.pos-cart-header small{display:block;color:#8e9bad;font-size:7px;margin-top:2px}.pos-cart-close{display:none}.pos-money-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pos-payment-methods{border:0;padding:0;margin:11px 0}.pos-payment-methods legend{font-size:9px;font-weight:700;color:#607089;margin-bottom:7px}.pos-payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pos-payment-methods legend{grid-column:1/-1}.pos-payment-methods label{cursor:pointer}.pos-payment-methods input{position:absolute;opacity:0;pointer-events:none}.pos-payment-methods span{height:38px;border:1px solid #dfe6ee;border-radius:8px;background:#fbfcfe;color:#66778d;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px}.pos-payment-methods span b{color:#8a99aa}.pos-payment-methods input:checked+span{border-color:#78a9df;background:#edf6ff;color:var(--blue);font-weight:800;box-shadow:0 0 0 2px #e4f0fd}.pos-mobile-cart-bar,.pos-cart-overlay{display:none}.app-dialog{width:min(92vw,520px);max-height:min(80vh,650px);margin:auto;padding:0;border:0;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 22px 65px rgba(22,39,60,.28);overflow:hidden}.app-dialog::backdrop{background:rgba(22,36,54,.42)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.dialog-head span,.dialog-head h2{display:block}.dialog-head span{font-size:8px;color:var(--blue);font-weight:800}.dialog-head h2{margin:3px 0 0;font-size:16px;color:var(--navy)}.dialog-head button{width:31px;height:31px;border-radius:50%;background:#f1f4f7;color:#657487;font-size:17px}.recent-sales-list{max-height:480px;overflow:auto;padding:5px 0}

/* Users directory */
.users-page-heading{margin-bottom:14px}.users-directory-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px}.users-directory-head h2{font-size:14px;color:var(--navy);margin:0}.users-directory-head p{font-size:8px;color:#8c99a8;margin:2px 0 0}.user-search-field{position:relative}.user-search-field>span{position:absolute;right:11px;top:10px;color:#8b99a9}.user-search-field>input{padding-right:32px}.users-list{display:grid;gap:9px}.user-directory-card{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(100px,.6fr) minmax(100px,.6fr) minmax(180px,1fr) auto;align-items:center;gap:14px;padding:12px 14px}.user-card-identity{display:flex;align-items:center;gap:10px;min-width:0}.user-card-avatar{width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}.user-card-identity strong,.user-card-identity small,.user-card-detail strong,.user-card-detail small{display:block}.user-card-identity strong{font-size:10px;color:var(--navy)}.user-card-identity small{font-size:7px;color:#8b98a7;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.user-card-detail small{font-size:7px;color:#97a3b1}.user-card-detail strong{font-size:9px;color:#455870;margin-top:3px}.user-card-permissions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.user-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.user-card-actions form{margin:0}.user-card-actions .table-action{white-space:nowrap}

/* Login photography */
.login-showcase{background-color:#1c2b3d;background-size:cover;background-position:center;isolation:isolate}.login-showcase-overlay{position:absolute;inset:0;background:rgba(16,32,50,.62);z-index:0}.login-showcase .showcase-brand,.login-showcase .showcase-copy,.login-showcase .showcase-note{z-index:2}.login-showcase .showcase-brand,.login-showcase .showcase-copy h1{color:#fff}.login-showcase .showcase-copy h1 em{color:#b9dafd}.login-showcase .eyebrow{color:#dcecff;letter-spacing:0}.login-showcase .showcase-copy p{color:#e4ebf3}.login-showcase .showcase-note{border-top-color:rgba(255,255,255,.3);color:#fff}.login-showcase .showcase-note span{color:#d7e1eb}.login-showcase .showcase-shape{display:none}.login-showcase .brand-mark{background:#fff;color:var(--navy);box-shadow:6px 8px 0 rgba(154,199,247,.55)}

@media(max-width:1050px){.pos-customer-bar{grid-template-columns:1fr 1.4fr auto}.pos-selected-customer{display:none}.user-directory-card{grid-template-columns:minmax(200px,1.3fr) 100px 100px minmax(160px,1fr)}.user-card-actions{grid-column:1/-1;padding-top:9px;border-top:1px solid #edf1f5}}
@media(max-width:780px){.topbar-start .breadcrumb{display:none}.topbar{justify-content:space-between}.topbar-actions{margin-right:auto}.topbar-create-button{height:34px;padding:0 9px}.topbar-create-button b{font-size:8px}.pos-page{padding-bottom:74px}.pos-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.pos-page-heading p{display:none}.pos-heading-actions{margin:0}.pos-heading-actions .secondary-button{height:36px;padding:0 10px}.pos-heading-actions a{display:none}.pos-customer-bar{grid-template-columns:1fr auto;padding:11px;gap:9px}.pos-customer-title{display:none}.pos-customer-search{grid-column:1/-1;grid-row:1}.pos-selected-customer{display:flex;grid-column:1;grid-row:2}.pos-add-customer{grid-column:2;grid-row:2}.pos-workspace{display:block}.pos-catalog-panel{min-height:0}.pos-search{position:sticky;top:65px;z-index:6;background:#fff;padding:10px;border-bottom:1px solid #edf1f5}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.product-card{min-height:106px;padding:11px}.product-card .product-icon{width:29px;height:29px;margin-bottom:9px}.pos-cart-panel{position:fixed;right:0;left:0;bottom:0;top:auto;z-index:52;max-height:86dvh;border-radius:20px 20px 0 0;overflow:auto;transform:translateY(105%);transition:transform .24s ease;box-shadow:0 -14px 45px rgba(23,40,61,.2)}.pos-cart-panel.mobile-open{transform:translateY(0)}.pos-cart-header{position:sticky;top:0;background:#fff;z-index:2}.pos-cart-close{display:grid;width:29px;height:29px;border-radius:50%;place-items:center;background:#eff3f7;color:#607187;font-size:16px}.pos-mobile-cart-bar{position:fixed;right:12px;left:12px;bottom:10px;z-index:48;min-height:54px;border-radius:13px;background:var(--navy);color:#fff;padding:8px 13px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;box-shadow:0 9px 28px rgba(23,49,82,.28);font:inherit;text-align:right}.pos-mobile-cart-bar span b,.pos-mobile-cart-bar span small{display:block}.pos-mobile-cart-bar span b{font-size:10px}.pos-mobile-cart-bar span small{font-size:7px;color:#c8d7e8;margin-top:1px}.pos-mobile-cart-bar>strong{font-size:11px}.pos-mobile-cart-bar>i{font-size:8px;font-style:normal;color:#dbe8f6}.pos-cart-overlay{display:block;position:fixed;inset:0;background:rgba(20,35,52,.38);z-index:51}.pos-cart-overlay[hidden]{display:none}.pos-cart-open{overflow:hidden}.users-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.users-page-heading .primary-small{white-space:nowrap}.user-filter-bar{grid-template-columns:1fr 1fr}.user-filter-bar button{grid-column:1/-1;height:40px}.user-directory-card{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.user-card-identity{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid #edf1f5}.user-card-permissions{grid-column:1/-1}.user-card-actions{grid-column:1/-1}.user-card-actions a,.user-card-actions form,.user-card-actions button{flex:1}.user-card-actions .table-action{width:100%;min-height:35px}.login-showcase{display:none}}
@media(max-width:480px){.topbar{padding:0 12px}.topbar-actions{gap:6px}.notification-button{width:31px;height:31px}.topbar-create-actions{gap:4px}.topbar-create-button{padding:0 7px;gap:4px}.topbar-create-button span{font-size:11px}.pos-page-heading h1{font-size:21px}.pos-heading-actions button{font-size:8px}.pos-customer-results{position:fixed;right:12px;left:12px;top:122px;max-height:45vh}.product-card strong{font-size:10px}.product-card span{font-size:8px}.pos-money-fields{grid-template-columns:1fr}.pos-payment-methods span{height:42px}.users-page-heading{display:block}.users-page-heading .primary-small{margin-top:11px;width:100%}.user-filter-bar{grid-template-columns:1fr}.user-filter-bar button{grid-column:auto}.user-directory-card{grid-template-columns:1fr 1fr}.users-directory-head{align-items:flex-start}.security-note{display:none}.login-panel{padding:24px 18px}.mobile-brand{margin-bottom:38px}.login-heading{margin-bottom:24px}}
.pos-customer-search>input{padding-left:62px}.pos-customer-toggle{position:absolute;left:8px;top:8px;width:25px;height:25px;border-radius:7px;background:#eaf2fb;color:#54708e;font-size:13px}.pos-customer-search>[data-clear-pos-customer]{left:35px}
@media(max-width:1050px) and (min-width:781px){.pos-customer-bar{grid-template-columns:minmax(0,1fr) auto}.pos-customer-title,.pos-selected-customer{display:none}.pos-customer-search{grid-column:1}.pos-add-customer{grid-column:2}}

/* Structured POS cart */
.pos-cart-panel{position:sticky;top:80px;display:grid;gap:10px;background:transparent;border:0;box-shadow:none;overflow:visible}.pos-cart-items-panel,.pos-checkout-panel{overflow:hidden}.pos-cart-header{padding:14px 15px}.pos-cart-header>div{display:grid;grid-template-columns:29px 1fr;column-gap:8px;align-items:center}.pos-cart-header h3{margin:0}.pos-cart-header small{grid-column:2}.cart-section-number{width:27px;height:27px;border-radius:8px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-size:7px;font-weight:800;grid-row:1/3}.cart-table-head,.cart-item{display:grid;grid-template-columns:minmax(0,1fr) 78px 76px 23px;align-items:center;gap:7px}.cart-table-head{padding:8px 14px;background:#f7f9fb;border-top:1px solid #edf1f5;border-bottom:1px solid #e5ebf1;color:#8a97a7;font-size:7px;font-weight:700}.cart-table-head span:nth-child(2),.cart-table-head span:nth-child(3){text-align:center}.cart-list{padding:0 14px;min-height:100px;max-height:300px;overflow:auto}.cart-item{padding:12px 0;border-bottom:1px solid #edf1f5}.cart-item:last-child{border-bottom:0}.cart-item-details{min-width:0}.cart-item-details strong,.cart-item-details span{display:block}.cart-item-details strong{font-size:9px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-details span{font-size:7px;color:#8c99a9;margin-top:3px;white-space:nowrap}.cart-item .quantity-control{justify-content:center}.cart-item .quantity-control button{width:23px;height:23px;border:1px solid #e1e8ef;background:#f6f8fa;color:#52677e}.cart-item .quantity-control b{width:19px;font-size:8px}.cart-line-total{text-align:center;font-size:8px!important;color:var(--blue)!important;white-space:nowrap}.cart-remove{width:22px;height:22px;border-radius:6px;background:#fff1f2!important;color:#bd5861!important;font-size:13px!important;display:grid;place-items:center}.pos-checkout-panel{border-top:3px solid #e8f1fb}.cart-totals.pos-checkout-panel{padding:0 15px 15px}.checkout-section-head{margin:0 -15px 12px;padding:13px 15px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:8px}.checkout-section-head>div{display:flex;align-items:center;gap:8px}.checkout-section-head .cart-section-number{grid-row:auto}.checkout-section-head strong{font-size:10px;color:var(--navy)}.checkout-section-head>small{font-size:7px;color:#8996a7}.checkout-subtotal{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;background:#f7f9fb;border-radius:8px;color:#758398;font-size:8px}.checkout-subtotal strong{font-size:10px;color:var(--navy)}.pos-checkout-panel .total-line.final{margin:12px 0 4px;padding:12px 0;border-top:1px dashed #cdd7e1;font-size:14px}.pos-checkout-panel .pos-submit{margin-top:9px}.cart-empty{min-height:98px}
@media(max-width:780px){.pos-cart-panel{position:fixed;top:auto;display:grid;gap:8px;padding:10px;background:#f2f5f8;overflow:auto}.pos-cart-items-panel,.pos-checkout-panel{flex:none}.cart-list{max-height:32dvh}.pos-cart-header{position:static}.pos-cart-close{display:grid}.checkout-section-head>small{display:none}}
@media(max-width:480px){.cart-table-head,.cart-item{grid-template-columns:minmax(0,1fr) 68px 62px 22px;gap:4px}.cart-table-head,.cart-list{padding-right:10px;padding-left:10px}.cart-item-details span{font-size:6px}.cart-line-total{font-size:7px!important}.pos-cart-header{padding:12px}.cart-totals.pos-checkout-panel{padding-right:12px;padding-left:12px}.checkout-section-head{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}}
.payment-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.payment-summary-grid>div{padding:8px 9px;border:1px solid #e8edf2;border-radius:8px;background:#fbfcfd}.payment-summary-grid span,.payment-summary-grid strong{display:block}.payment-summary-grid span{color:#8491a3;font-size:7px}.payment-summary-grid strong{color:var(--navy);font-size:9px;margin-top:3px}.payment-summary-grid .payment-summary-due{background:#f0f7ff;border-color:#d7e8f8}.payment-summary-grid .payment-summary-due strong{color:var(--blue)}.payment-summary-grid #cartRemainingSummary.is-settled{background:#eef9f4;border-color:#cfeade}.payment-summary-grid #cartRemainingSummary.is-settled strong{color:var(--green)}.payment-summary-grid #cartRemainingSummary.is-overpaid{background:#fff1f2;border-color:#f2d5d9}.payment-summary-grid #cartRemainingSummary.is-overpaid strong{color:#bd5861}.payment-inline-error{padding:8px 9px;border:1px solid #f2d5d9;border-radius:8px;background:#fff1f2;color:#b64e59;font-size:8px;line-height:1.6}.compact-field input.input-invalid{border-color:#d96b75;background:#fff7f7;box-shadow:0 0 0 2px #fde8ea}.payment-inline-error[hidden]{display:none}
.pos-subcategory-bar{display:flex;align-items:center;gap:10px;padding:8px 18px 12px;border-top:1px solid #f0f3f7}.pos-subcategory-bar>span{color:#8b98a8;font-size:8px;font-weight:800;white-space:nowrap}.pos-subcategory-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.pos-subcategory-tabs button{border:1px solid #e2e9f0;border-radius:7px;background:#fff;color:#718198;padding:6px 10px;font:700 8px 'Cairo';white-space:nowrap}.pos-subcategory-tabs button.active{border-color:#a9cbee;background:#edf6ff;color:var(--blue)}.pos-subcategory-tabs button[hidden]{display:none}.category-chip{display:inline-flex;border-radius:6px;background:#f3f7fb;color:#6f8198;padding:4px 7px;font-size:8px;white-space:nowrap}.field-hint{display:block;color:#8b98a8;font-size:8px;line-height:1.6;margin-top:5px}.generic-table td .category-chip{vertical-align:middle}
@media(max-width:480px){.pos-subcategory-bar{display:block;padding:8px 12px 11px}.pos-subcategory-bar>span{display:block;margin-bottom:6px}.pos-subcategory-tabs{margin:0 -2px;padding:0 2px 3px}.pos-subcategory-tabs button{padding:7px 10px}.category-chip{font-size:7px;padding:3px 6px}}

/* Hierarchical POS navigation */
.pos-browser{display:grid;grid-template-columns:150px minmax(0,1fr);min-width:0;overflow:hidden;align-items:stretch}
.pos-category-navigation{min-width:0;padding:16px 10px;background:#f8fafc;border-inline-end:1px solid #e5edf5}
.pos-navigation-title{display:block;padding:0 7px 12px;font-size:11px;color:var(--navy)}
.pos-browser .category-tabs{display:flex;flex-direction:column;gap:7px;padding:0;overflow:visible}
.pos-browser .category-tabs button{min-height:44px;text-align:start;font-size:11px;padding:10px 12px}
.pos-browser .pos-subcategory-bar{display:block;padding:16px 0 0;margin-top:16px;border-top:1px solid #e1e8f0}
.pos-browser .pos-subcategory-bar>span{display:block;white-space:normal;font-size:10px;line-height:1.8;padding:0 6px 8px}
.pos-browser .pos-subcategory-tabs{display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow:visible;padding:0;margin:0}
.pos-browser .pos-subcategory-tabs button{min-height:42px;white-space:normal;text-align:start;padding:9px 10px;font-size:11px}
.pos-browser button:focus-visible{outline:2px solid #377bd2;outline-offset:2px}
.pos-products-area{min-width:0}
.pos-browser .pos-search{display:block;padding:16px 14px 8px}
.pos-browser .search-box{width:100%;min-width:0}
.pos-browser .search-box input{height:42px;font-size:11px}
.pos-results-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:var(--navy);font-size:11px}
.pos-results-heading span{color:#78899e;white-space:nowrap;font-size:10px}
.pos-browser .product-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));padding:8px 14px 16px;gap:10px}
.pos-browser .product-card{min-width:0;overflow-wrap:anywhere}
#posFilterEmpty[hidden]{display:none}
@media(min-width:781px) and (max-width:1150px){.pos-browser{grid-template-columns:116px minmax(0,1fr)}.pos-browser .product-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));padding:8px}.pos-category-navigation{padding:12px 7px}}
@media(max-width:780px){.pos-browser{grid-template-columns:minmax(0,1fr);min-height:360px}.pos-category-navigation{border-inline-end:0;border-bottom:1px solid #e5edf5;padding:12px}.pos-navigation-title{padding:0 0 8px}.pos-browser .category-tabs{flex-direction:row}.pos-browser .category-tabs button{flex:1;text-align:center}.pos-browser .pos-subcategory-bar{margin-top:10px;padding-top:10px}.pos-browser .pos-subcategory-tabs{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:5px}.pos-browser .pos-subcategory-tabs button{flex:none;white-space:nowrap;min-height:44px}.pos-browser .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-browser .product-card strong{font-size:12px}.pos-browser .product-card b{font-size:12px}}

/* Keep the POS customer picker above the catalog instead of clipping it inside the panel. */
.pos-customer-bar.panel{overflow:visible;z-index:50}
.pos-customer-search{z-index:2}
.pos-customer-results{z-index:60}
.pos-workspace{position:relative}
@media(max-width:480px){.pos-customer-results{z-index:100}}

/* Catalog and subcategory management */
.catalog-mobile-list{display:none}
.catalog-category-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;align-items:start}
.catalog-category-create{position:sticky;top:94px}
.catalog-category-form{display:grid;gap:14px;padding:18px}
.catalog-category-form>.primary-small{width:100%}
.catalog-category-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.category-group-card{min-width:0}
.category-management-list{padding:7px 15px}
.category-management-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}
.category-management-row:last-child{border-bottom:0}
.category-order{width:32px;height:32px;border-radius:9px;background:#f2f6fa;color:#6f8196;display:grid;place-items:center;font-size:9px;font-weight:800}
.category-management-copy{min-width:0}
.category-management-copy strong,.category-management-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-management-copy strong{font-size:10px;color:var(--navy)}
.category-management-copy span{margin-top:3px;font-size:8px;color:#8e9bad}
.category-management-row button:disabled{opacity:.4;cursor:not-allowed}
.catalog-mobile-card{padding:14px;border-bottom:1px solid #edf1f5}
.catalog-mobile-card:last-child{border-bottom:0}
.catalog-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.catalog-mobile-card-head strong,.catalog-mobile-card-head span{display:block}
.catalog-mobile-card-head strong{font-size:11px;color:var(--navy)}
.catalog-mobile-card-head>div>span{margin-top:3px;color:#8b98a8;font-size:8px;text-align:right}
.catalog-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.catalog-mobile-meta>span{padding:9px;border-radius:8px;background:#f7f9fb;color:#8290a2;font-size:8px}
.catalog-mobile-meta b{display:block;margin-top:3px;color:var(--navy);font-size:9px}
.catalog-mobile-actions{display:flex;gap:7px;margin-top:11px}
.catalog-mobile-actions>*{flex:1}
.catalog-mobile-actions form,.catalog-mobile-actions .table-action{width:100%}

@media(max-width:1050px){.catalog-category-layout{grid-template-columns:1fr}.catalog-category-create{position:static}.catalog-category-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){html,body{max-width:100%;overflow-x:hidden}.sidebar{overflow-y:auto}.page-heading h1{font-size:22px;line-height:1.45}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions>*{flex:1;min-width:110px}.catalog-category-groups{grid-template-columns:1fr}.catalog-desktop-table{display:none}.catalog-mobile-list{display:block}.catalog-table-panel{overflow:hidden!important}.catalog-table-panel .table-toolbar{min-width:0!important}.catalog-toolbar .toolbar-group{display:grid;grid-template-columns:1fr 1fr auto;width:100%}.catalog-toolbar .filter-select{min-width:0;width:100%}.category-management-row{grid-template-columns:32px minmax(0,1fr) auto}.category-management-row>.status{display:none}.category-management-row>.row-actions{grid-column:2/-1}.category-management-row>.row-actions>*{flex:1}.category-management-row>.row-actions form,.category-management-row>.row-actions .table-action{width:100%}}
@media(max-width:480px){.page-container{padding-right:12px;padding-left:12px}.catalog-heading .heading-actions{display:grid;grid-template-columns:1fr 1fr}.catalog-heading .heading-actions .primary-small{grid-column:1/-1}.catalog-toolbar .toolbar-group{grid-template-columns:1fr 1fr}.catalog-toolbar .toolbar-group button{grid-column:1/-1}.catalog-mobile-meta{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions>*{width:100%}.panel-header{padding-right:14px;padding-left:14px}}

/* Settings activity assistant */
.settings-assistant{overflow:visible}
.assistant-progress{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}
.assistant-progress strong,.assistant-progress span{display:block}
.assistant-progress strong{color:var(--navy);font-size:12px}
.assistant-progress span{margin-top:3px;color:#8c99aa;font-size:8px}
.assistant-progress-track{height:7px;border-radius:8px;background:#edf1f5;overflow:hidden;direction:rtl}
.assistant-progress-track i{display:block;width:0;height:100%;border-radius:8px;background:var(--blue);transition:width .2s ease}
.assistant-steps{padding:22px 20px}
.assistant-step{margin:0;padding:0;border:0}
.settings-assistant.is-enhanced .assistant-step[hidden]{display:none}
.assistant-step legend{display:block;width:100%}
.assistant-step legend>span{display:inline-flex;padding:4px 8px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:800}
.assistant-step legend>strong,.assistant-step legend>small{display:block}
.assistant-step legend>strong{max-width:680px;margin-top:12px;color:var(--navy);font-size:19px;line-height:1.7}
.assistant-step legend>small{margin-top:5px;color:#7f8da0;font-size:10px;line-height:1.8}
.assistant-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.assistant-answers label{position:relative;cursor:pointer}
.assistant-answers input{position:absolute;opacity:0;pointer-events:none}
.assistant-answers label>span{min-height:86px;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid #e0e7ef;border-radius:11px;background:#fbfcfe;transition:.18s}
.assistant-answers label>span:before{content:'';width:15px;height:15px;border:2px solid #c5d0dc;border-radius:50%;position:absolute;top:15px;left:15px}
.assistant-answers b,.assistant-answers small{display:block}
.assistant-answers b{color:var(--navy);font-size:11px}
.assistant-answers small{margin-top:5px;color:#8b98a8;font-size:8px}
.assistant-answers input:checked+span{border-color:#8cb9e9;background:#f1f7fe;box-shadow:0 0 0 2px #e4f0fc}
.assistant-answers input:checked+span:before{border:4px solid var(--blue);background:#fff}
.assistant-answers input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.assistant-review{padding:22px 20px}
.assistant-review[hidden]{display:none}
.assistant-review-head{display:flex;align-items:center;gap:11px}
.assistant-review-head>span{width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}
.assistant-review-head strong,.assistant-review-head small{display:block}
.assistant-review-head strong{color:var(--navy);font-size:13px}
.assistant-review-head small{margin-top:3px;color:#8996a7;font-size:8px}
.assistant-review-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}
.assistant-review-summary>div{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.assistant-review-summary span,.assistant-review-summary strong{display:block}
.assistant-review-summary span{color:#8794a5;font-size:8px}
.assistant-review-summary strong{margin-top:3px;color:var(--navy);font-size:18px}
.assistant-result-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.assistant-result-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:8px;background:#f5f7fa;color:#697990;font-size:9px}
.assistant-result-list b{color:#8996a6;font-size:8px}
.assistant-result-list>div.enabled{background:#edf9f5;color:#317c68}
.assistant-result-list>div.enabled b{color:var(--green)}
.assistant-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}
.assistant-actions button:disabled{opacity:.4;cursor:not-allowed}
.assistant-actions [data-assistant-submit]{min-width:190px}
.assistant-safety-note{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:13px 15px;border:1px solid #d9e8f7;border-radius:10px;background:#f5faff;color:#5e718a}
.assistant-safety-note>span{width:25px;height:25px;border-radius:8px;background:#e1effe;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}
.assistant-safety-note p{margin:0;font-size:8px;line-height:1.8}
.assistant-safety-note strong{display:block;color:var(--navy);font-size:9px}
@media(max-width:720px){.settings-subnav{grid-template-columns:repeat(3,1fr)}.assistant-progress{grid-template-columns:1fr;gap:10px}.assistant-steps,.assistant-review{padding:18px 15px}.assistant-step legend>strong{font-size:16px}.assistant-answers{grid-template-columns:1fr}.assistant-answers label>span{min-height:75px}.assistant-result-list{grid-template-columns:1fr}.assistant-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px}.assistant-actions [data-assistant-next],.assistant-actions [data-assistant-submit]{grid-column:1/-1;width:100%;min-width:0}}
@media(max-width:430px){.settings-subnav{grid-template-columns:repeat(2,1fr)}.assistant-progress{padding:15px}.assistant-review-summary{grid-template-columns:1fr 1fr}.assistant-actions{grid-template-columns:1fr}.assistant-actions>*{width:100%;grid-column:auto!important}}

/* Mobile navigation must stay above page popovers, including the POS customer picker. */
.sidebar-backdrop{display:none}
@media(max-width:780px){.sidebar{z-index:130}.sidebar-backdrop{position:fixed;inset:0;z-index:120;display:block;background:rgba(22,36,54,.38);border:0}.sidebar-open{overflow:hidden}}

/* Procurement, suppliers and branch stock */
.supplier-cards,.purchase-cards{display:grid;gap:9px;padding:14px}.supplier-card,.purchase-card{display:grid;align-items:center;gap:13px;padding:13px 15px;border:1px solid #e6ebf1;border-radius:11px;background:#fff;color:var(--ink)}.supplier-card{grid-template-columns:42px minmax(180px,1.5fr) repeat(3,minmax(105px,.7fr)) auto}.purchase-card{grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(100px,.7fr)) auto}.supplier-card:hover,.purchase-card:hover{border-color:#bfd6ef;box-shadow:0 7px 20px rgba(31,61,94,.06)}.supplier-avatar{width:39px;height:39px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.supplier-card strong,.supplier-card small,.supplier-card b,.purchase-card strong,.purchase-card small,.purchase-card b,.purchase-card em{display:block}.supplier-card small,.purchase-card small{font-size:7px;color:#929eac}.supplier-card b,.purchase-card b{font-size:9px;margin-top:3px;color:#40536b}.supplier-identity strong,.purchase-card strong{font-size:10px;color:var(--navy)}.supplier-identity small,.purchase-card em{font-size:8px;color:#8290a1;margin-top:3px;font-style:normal}.supplier-due b,.purchase-due b{color:#bd6b31}.supplier-card i,.purchase-card i{font-style:normal;font-size:8px;color:var(--blue);white-space:nowrap}.supplier-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.supplier-summary-grid>.panel{padding:17px}.supplier-summary-grid span,.supplier-summary-grid strong{display:block}.supplier-summary-grid span{font-size:9px;color:#8996a7}.supplier-summary-grid strong{font-size:20px;color:var(--navy);margin-top:8px}.supplier-summary-grid .due{background:#fff9ef;border-color:#f7dfb7}.supplier-summary-grid .due strong{color:#b36d24}.purchase-form{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px;align-items:start}.purchase-main-card,.purchase-lines-card{grid-column:1}.purchase-summary-card{grid-column:2;grid-row:1/3;position:sticky;top:92px}.compact-fields{padding-bottom:17px}.purchase-line-head,.purchase-line{display:grid;grid-template-columns:minmax(190px,1.5fr) 95px 120px 100px 28px;align-items:center;gap:8px}.purchase-line-head{padding:9px 15px;background:#f7f9fb;color:#8996a6;font-size:8px}.purchase-line{padding:10px 15px;border-top:1px solid #edf1f5}.purchase-line select,.purchase-line input{width:100%;height:39px;border:1px solid #dfe6ee;border-radius:8px;background:#fbfcfe;padding:0 9px;color:var(--ink);font:9px 'Cairo'}.purchase-line strong{text-align:center;font-size:9px;color:var(--blue)}.purchase-line button{width:27px;height:27px;border-radius:7px;background:#fff0f1;color:#bd5861}.purchase-summary{display:grid;gap:11px;padding:15px}.purchase-summary>div:not(.field){display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#f7f9fb;font-size:9px}.purchase-summary .purchase-total{border-top:1px dashed #cad5df;background:#edf5ff!important}.purchase-summary .purchase-total strong{font-size:16px;color:var(--blue)}.purchase-summary .purchase-remaining{background:#fff6e8!important;color:#956122}.purchase-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:15px;align-items:start}.supplier-payment-card{position:sticky;top:92px}.supplier-payment-card .settings-fields{padding:15px}.setup-warning{padding:20px;border-color:#f4ddb5;background:#fffaf1}.setup-warning strong{color:#8e5f22}.setup-warning p{margin:5px 0 0;color:#8d7a61}
@media(max-width:1050px){.supplier-card{grid-template-columns:42px minmax(160px,1fr) repeat(3,minmax(90px,.7fr))}.supplier-card i{display:none}.purchase-card{grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(85px,.7fr))}.purchase-card i{display:none}.purchase-form{grid-template-columns:minmax(0,1fr) 290px}.purchase-line-head,.purchase-line{grid-template-columns:minmax(160px,1.5fr) 80px 105px 90px 28px}}
@media(max-width:780px){.suppliers-heading,.purchases-heading{display:block}.supplier-cards,.purchase-cards{padding:10px}.supplier-card,.purchase-card{grid-template-columns:42px 1fr 1fr;padding:12px}.supplier-identity,.purchase-card>span:first-child{grid-column:2/-1}.supplier-card>span:not(.supplier-avatar):not(.supplier-identity),.purchase-card>span:not(:first-child){padding-top:9px;border-top:1px solid #edf1f5}.supplier-summary-grid{grid-template-columns:1fr}.purchase-form{display:block}.purchase-form>*{margin-bottom:12px}.purchase-summary-card{position:static}.purchase-line-head{display:none}.purchase-line{grid-template-columns:1fr 1fr;padding:12px}.purchase-line select{grid-column:1/-1}.purchase-line strong{text-align:right;padding:8px;background:#f5f9fd;border-radius:7px}.purchase-line button{justify-self:end}.purchase-detail-layout{grid-template-columns:1fr}.supplier-payment-card{position:static}}
@media(max-width:480px){.supplier-card,.purchase-card{grid-template-columns:38px 1fr 1fr;gap:8px}.supplier-card>span:not(.supplier-avatar):not(.supplier-identity),.purchase-card>span:not(:first-child){font-size:8px}.purchase-line{grid-template-columns:1fr}.purchase-line select{grid-column:auto}.purchase-line button{justify-self:stretch;width:100%}.purchase-line strong{text-align:center}.supplier-summary-grid{gap:8px}.supplier-summary-grid>.panel{padding:14px}.supplier-summary-grid strong{font-size:17px}}

/* Expense categories and clearer administration navigation */
.main-nav{overflow-y:auto;scrollbar-width:thin;padding-bottom:10px}.nav-label.section-label{padding-top:4px;border-top:1px solid #f0f3f7}.expense-category-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.expense-category-create{position:sticky;top:92px}.expense-category-list{display:grid;gap:11px}.expense-category-card{padding:15px}.expense-category-card-head,.expense-category-actions{display:flex;align-items:center;gap:10px}.expense-category-card-head>div{flex:1}.expense-category-card-head strong,.expense-category-card-head small{display:block}.expense-category-card-head strong{font-size:12px;color:var(--navy)}.expense-category-card-head small{font-size:8px;color:var(--muted);margin-top:3px}.expense-category-dot{width:13px;height:13px;border-radius:50%;background:var(--category-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--category-color) 14%,white)}.expense-category-fields{display:grid;grid-template-columns:minmax(150px,1fr) 80px 80px minmax(190px,1.3fr);gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.expense-category-fields .field input{width:100%}.expense-category-actions{justify-content:space-between;margin-top:12px}.expense-category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--category-color) 10%,white);color:var(--category-color);font-size:9px;font-weight:800}.expense-category-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--category-color)}
@media(max-width:900px){.expense-category-layout{grid-template-columns:1fr}.expense-category-create{position:static}.expense-category-fields{grid-template-columns:1fr 80px 80px}.expense-category-fields .grow{grid-column:1/-1}}
@media(max-width:600px){.expense-category-fields{grid-template-columns:1fr 1fr}.expense-category-fields .field:first-child,.expense-category-fields .grow{grid-column:1/-1}.expense-category-actions{align-items:stretch;flex-direction:column}.expense-category-actions button{width:100%}.finance-two-column{display:block}.finance-two-column>*{margin-bottom:12px}.expense-summary-card form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.expense-summary-card form .field:last-of-type,.expense-summary-card form button{grid-column:1/-1}}