@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";.topbar-notif-wrap,.topbar-notif-btn{position:relative}.topbar-notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:var(--danger, #dc3545);border-radius:999px}.topbar-notif-panel{position:absolute;top:calc(100% + 8px);left:0;right:auto;transform:none;width:min(380px,calc(100vw - 1.25rem));max-height:min(70vh,480px);overflow:auto;z-index:200;box-shadow:0 12px 40px #00000026;margin:0;padding:.75rem}.topbar-notif-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #e8eaef)}.topbar-notif-list{list-style:none;margin:0;padding:0}.topbar-notif-item{padding:.65rem 0;border-bottom:1px solid var(--border, #e8eaef)}.topbar-notif-item.is-unread{background:#3b82f60f;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:6px}.topbar-notif-item-title{font-weight:600;font-size:.9rem}.topbar-notif-item-body{font-size:.85rem;color:var(--text-secondary, #5c6578);margin-top:.25rem;white-space:pre-wrap}.topbar-notif-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.4rem}.topbar-notif-loading,.topbar-notif-empty{padding:1rem;text-align:center;margin:0}@media (max-width: 600px){.topbar-notif-panel{left:0;right:auto;transform:none;width:min(380px,calc(100vw - 1rem))}}.layout{display:flex;min-height:100vh;background:var(--bg-app)}.sidebar-overlay{display:none}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-left:1px solid var(--border);box-shadow:var(--shadow-sidebar);display:flex;flex-direction:column;z-index:60}.sidebar-brand{padding:1rem 1rem 1.1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border)}.brand-mark{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2b55,#0a3263,#0a3a72);color:#fff;border:1px solid rgba(11,43,85,.38);box-shadow:0 10px 24px #0b2b5538}.brand-mark .app-icon svg{width:22px;height:22px}.brand-mark img{width:50px;height:50px;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.brand-name{font-weight:800;font-size:.95rem;letter-spacing:.04em;color:var(--text-primary)}.brand-sub{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}.sidebar-nav{flex:1;overflow-y:auto;padding:.5rem .55rem 1rem;display:flex;flex-direction:column;gap:.85rem}.nav-group-title{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:.35rem .55rem .4rem}.sidebar-link{display:flex;align-items:center;gap:.55rem;padding:.48rem .55rem;border-radius:9px;color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:background .12s ease,color .12s ease}.sidebar-link .app-icon{color:var(--text-tertiary);flex-shrink:0}.sidebar-link:hover{background:var(--nav-hover);color:var(--text-primary)}.sidebar-link.is-active{background:var(--nav-active-bg);color:var(--text-primary);box-shadow:inset 3px 0 0 0 var(--accent)}.sidebar-link.is-active .app-icon{color:var(--accent)}.sidebar-link--addon.is-active{box-shadow:inset 3px 0 0 0 var(--accent),inset 0 0 0 1px var(--nav-active-ring)}.nav-group--addon{padding-top:.35rem;border-top:1px dashed var(--border)}.sidebar-user{padding:.85rem;border-top:1px solid var(--border);background:linear-gradient(180deg,#fafbfc,#fff);display:flex;flex-direction:column;gap:.55rem}.user-chip{display:flex;align-items:center;gap:.55rem}.user-chip-avatar{width:36px;height:36px;border-radius:10px;background:var(--accent-muted);border:1px solid rgba(5,150,105,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;color:var(--accent)}.user-chip-meta{min-width:0}.user-chip-name{font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-size:.72rem;color:var(--text-tertiary)}.sidebar-logout{width:100%;justify-content:center}.layout-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:var(--bg-topbar);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;box-shadow:0 1px #0f172a0a}.topbar-menu{display:none;width:40px;height:40px;border-radius:9px;border:1px solid var(--border);background:var(--bg-primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}@media (min-width: 901px){.topbar-menu{display:none!important}}.topbar-menu-icon{width:16px;height:2px;background:var(--text-primary);border-radius:2px;box-shadow:0 5px 0 var(--text-primary),0 -5px 0 var(--text-primary)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:.35rem}.topbar-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.topbar-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.topbar-icon-btn .app-icon svg{width:18px;height:18px}.topbar-pill{font-size:.78rem;font-weight:600;color:var(--text-secondary);padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout.layout--pos{display:flex;min-height:100vh;min-height:100dvh}.layout.layout--pos .layout-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.layout.layout--pos .main-content--flush{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:1.25rem clamp(1rem,2.5vw,2rem) 2.5rem}@media (max-width: 900px){.topbar-menu{display:inline-flex}.layout{position:relative}.sidebar{position:fixed;top:0;right:0;height:100vh;transform:translate(100%);transition:transform .22s ease;box-shadow:-12px 0 40px #0f172a1f}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}}.app-icon{display:inline-flex;align-items:center;justify-content:center}.app-icon svg{display:block}.auth-page{min-height:100vh;display:flex;align-items:stretch;justify-content:center;background:#f6f7fb}.auth-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,40px);background:#fff}.auth-card{width:min(460px,100%);padding:clamp(18px,2.4vw,34px)}.auth-header{text-align:center;margin-bottom:22px}.auth-header h1{font-size:1.45rem;font-weight:800;color:#0f172a;margin-bottom:8px}.auth-header p{font-size:.95rem;color:#64748b}.auth-form .form-group{margin-bottom:14px}.auth-form label{display:block;margin-bottom:7px;font-size:.92rem;color:#0f172a;font-weight:600}.auth-form input{width:100%;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:.98rem;transition:box-shadow .16s ease,border-color .16s ease,background .16s ease}.auth-form input::placeholder{color:#94a3b8}.auth-form input:focus{outline:none;border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f;background:#fff}.auth-form .btn-block{width:100%;margin-top:10px;padding:12px 14px;font-weight:700;border-radius:10px}.auth-footnote{margin-top:14px;text-align:center;font-size:.92rem;color:#1d4ed8}.auth-footnote-muted{color:#64748b}.auth-right{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(18px,3vw,42px);overflow:hidden;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.08),transparent 42%),radial-gradient(circle at 78% 72%,rgba(255,255,255,.06),transparent 44%),linear-gradient(135deg,#0b2b55,#0a3263 45%,#0a3a72)}.auth-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 30% 10%,rgba(59,130,246,.18),transparent 55%),radial-gradient(900px 520px at 80% 80%,rgba(14,165,233,.12),transparent 55%);pointer-events:none}.auth-hero{position:relative;text-align:center;color:#ffffffeb;max-width:520px}.auth-hero-logo{width:80px;height:80px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-hero-logo img{width:60px;height:60px;object-fit:contain}.auth-hero-logo-fallback{font-weight:900;letter-spacing:.08em;color:#ffffffeb}.auth-hero-title{font-size:2rem;font-weight:900;margin-bottom:10px;color:#fffffff5}.auth-hero-subtitle{font-size:1rem;line-height:1.7;color:#e2e8f0eb}.auth-hero-footer{margin-top:18px;font-size:.95rem;color:#e2e8f0b8}.auth-hero-link{color:#ffffffeb;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:2px}.auth-hero-link:hover{border-bottom-color:#ffffff8c}.auth-hero-link:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff2e;border-radius:6px}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-right{order:-1;min-height:240px;padding:28px 18px}.auth-left{padding:22px 16px 34px}.auth-card{padding:0}.auth-hero-title{font-size:1.7rem}}@media (max-width: 420px){.auth-right{min-height:220px}.auth-hero-subtitle{font-size:.95rem}.auth-hero-footer{font-size:.92rem}}.products-page .filters{margin-bottom:1rem}.products-page .filters .form-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}@media (max-width: 600px){.products-page .filters .form-row{align-items:stretch}.products-page .filters .form-row>*{flex:1 1 100%}}.table-loading,.table-empty{padding:3rem;text-align:center;color:var(--text-secondary)}.actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 600px){.actions{gap:.4rem}}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.pagination span{color:var(--text-secondary);font-size:.9rem}code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px;font-size:.85em}.orders-page .filters{margin-bottom:1rem}.orders-assign-note{margin-bottom:1rem;background:var(--surface-2, #f4f6f9)}.orders-bulk-row{margin-bottom:1rem;display:grid;grid-template-columns:minmax(160px,auto) minmax(220px,260px) auto auto minmax(240px,1fr);align-items:center;gap:.75rem}.orders-bulk-row .form-group{margin:0}.orders-bulk-agent select{width:100%}.orders-bulk-count{white-space:nowrap;font-weight:600}.orders-page .filters .form-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.orders-filters-row{display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.7fr) repeat(3,minmax(170px,auto)) auto;align-items:center!important;gap:.65rem!important}.orders-filters-row .form-group{margin:0}.orders-filter-phone input,.orders-filter-status select{width:100%}.orders-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;line-height:1.2;white-space:normal}.orders-check input[type=checkbox]{margin:0;width:18px;height:18px;flex-shrink:0}@media (max-width: 600px){.orders-bulk-row{grid-template-columns:1fr}.orders-bulk-count{white-space:normal}.orders-page .filters .form-row{align-items:stretch}.orders-filters-row{grid-template-columns:1fr!important}.orders-page .filters .form-row>*,.orders-filters-row>*{flex:1 1 100%}}.orders-page tr.orders-row--selectable{cursor:pointer}.orders-page tr.orders-row--selected{background:#3b82f61f}.orders-page tr.orders-row--selectable:hover{background:#3b82f60f}.orders-row-flags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.orders-flag{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:700;line-height:1.2}.orders-flag--return{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.orders-flag--edit{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.detail-grid .card h3{margin-bottom:1rem;font-size:1rem}.detail-list{display:grid;gap:.5rem}.detail-list dt{color:var(--text-secondary);font-size:.85rem}.detail-list dd{margin:0}.actions-grid{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.text-success{color:var(--success)}.text-muted{color:var(--text-secondary);font-size:.9rem}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.order-modal{max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.order-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.pos-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#e8ecf1;font-family:inherit}.pos-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#152a45,#1e3a5f,#1a3254);color:#f1f5f9;box-shadow:0 4px 20px #0f172a33}.pos-topbar-left{display:flex;flex-direction:column;gap:.15rem;min-width:0}.pos-topbar-user{font-weight:700;font-size:.95rem}.pos-topbar-datetime{font-size:.78rem;opacity:.88}.pos-topbar-actions{display:flex;align-items:center;gap:.35rem}.pos-topbar-icon{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pos-topbar-icon:hover{background:#ffffff1f;border-color:#fff3}.pos-topbar-icon--active{background:#ffffff2e;border-color:#ffffff47;color:#fff}.pos-menu-wrap{position:relative}.pos-menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;padding:.35rem;border-radius:10px;background:#fff;border:1px solid var(--border, #e5e7eb);box-shadow:0 12px 40px #0f172a1f;z-index:80;display:flex;flex-direction:column;gap:.15rem}.pos-menu-dropdown button{text-align:right;padding:.5rem .65rem;border:none;border-radius:8px;background:transparent;cursor:pointer;font:inherit;color:var(--text-primary, #0f172a)}.pos-menu-dropdown button:hover{background:#f1f5f9}.pos-draft-strip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dfe4ea;border-bottom:1px solid #cbd5e1;overflow-x:auto;flex-shrink:0}.pos-draft-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid #cbd5e1;background:#fff;font-size:.82rem;cursor:pointer;white-space:nowrap;color:#334155}.pos-draft-tab.is-active{border-color:#059669;background:#ecfdf5;color:#065f46;font-weight:700}.pos-draft-close{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;line-height:1;font-size:1rem}.pos-draft-close:hover{background:#ef444426;color:#b91c1c}.pos-draft-add{padding:.35rem .75rem;border-radius:999px;border:1px dashed #94a3b8;background:transparent;font-size:.82rem;cursor:pointer;color:#475569}.pos-draft-add:hover{border-color:#059669;color:#059669}.pos-body{flex:1;display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);min-height:auto;gap:0}@media (max-width: 1024px){.pos-body{grid-template-columns:1fr;grid-template-rows:auto auto}.pos-cart-panel{order:2}.pos-catalog{order:1;min-height:auto}}.pos-cart-panel{background:#f8fafc;border-inline-start:1px solid #cbd5e1;display:flex;flex-direction:column;min-height:auto;overflow:visible;align-self:stretch}.pos-cart-scroll{flex:1;min-height:auto;min-width:0;overflow-y:visible;overflow-x:hidden;padding-inline:max(.65rem,env(safe-area-inset-inline-start,0px)) max(.65rem,env(safe-area-inset-inline-end,0px));padding-bottom:.35rem;box-sizing:border-box}.pos-cart-footer{position:sticky;bottom:0;z-index:6;flex-shrink:0;margin-top:.35rem;padding:.5rem 0 calc(.65rem + env(safe-area-inset-bottom,0px));background:#f1f5f9;border-top:1px solid #e2e8f0;box-shadow:0 -6px 20px #0f172a0f}.pos-cart-customer{flex-shrink:0;padding:.65rem 0 .6rem;border-bottom:1px solid #e2e8f0;background:#fff;min-width:0}@media (min-width: 1100px){.pos-cart-customer{padding-top:.85rem;padding-bottom:.7rem}}.pos-cart-customer-title{font-weight:800;font-size:.85rem;color:#0f172a;margin-bottom:.5rem}.pos-cart-customer-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;min-width:0}.pos-cart-customer-fields input,.pos-loyalty input{display:block;width:100%;max-width:100%;min-width:0;padding:.45rem .55rem;border-radius:8px;border:1px solid #cbd5e1;font-size:.85rem;box-sizing:border-box}.pos-loyalty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;margin-top:.5rem;min-width:0}.pos-cart-lines{flex-shrink:0;padding:.5rem 0;border-bottom:1px solid #e2e8f0;background:#fafafa}@media (min-width: 1100px){.pos-cart-lines{padding-top:.65rem;padding-bottom:.65rem}}.pos-line{display:grid;grid-template-columns:minmax(0,72px) minmax(0,1fr) auto minmax(0,80px);gap:.5rem;align-items:start;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:.82rem;min-width:0}.pos-line-main{min-width:0;overflow-wrap:anywhere}.pos-line-price{color:#64748b;font-weight:600}.pos-line-name{font-weight:700;color:#0f172a}.pos-line-sku{font-size:.75rem;color:#94a3b8;margin-top:.15rem}.pos-line-qty{color:#475569;font-size:.78rem}.pos-line-sub{font-weight:700;color:#0f172a;text-align:left}.pos-cart-empty{text-align:center;color:#94a3b8;padding:1rem;font-size:.85rem}.pos-cart-controls-row{flex-shrink:0;display:flex;align-items:flex-end;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #e2e8f0;background:#fff;min-width:0}.pos-mini-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#64748b}.pos-mini-field input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.45rem .5rem;border-radius:8px;border:1px solid #cbd5e1}.pos-mini-field select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.45rem .5rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.pos-mini-field--small{flex:0 0 170px}.pos-trash{width:44px;height:44px;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.pos-trash:hover{background:#fee2e2}.pos-totals-block{flex-shrink:0;padding:.55rem 0;background:#fff;border-bottom:1px solid #e2e8f0;min-width:0}.pos-total-row{display:flex;justify-content:space-between;font-size:.82rem;color:#475569;padding:.2rem 0}.pos-total-grand{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5rem;padding-top:.5rem;border-top:2px solid #e2e8f0;font-weight:800;font-size:1.15rem;color:#047857}.pos-cart-meta{flex-shrink:0;padding:.55rem 0;background:#f8fafc;border-bottom:1px solid #e2e8f0;min-width:0}.pos-cart-meta .form-row{min-width:0}.pos-cart-meta select,.pos-cart-meta input{min-width:0;max-width:100%;box-sizing:border-box}.pos-form-tight .form-group label{font-size:.75rem}.pos-sale-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:.6rem}.pos-sale-row .form-group{min-width:0;margin-bottom:0!important}.pos-price-input[disabled]{background:#f8fafc;color:#475569;cursor:not-allowed}.pos-cart-table-wrap{flex-shrink:0;overflow-x:auto;padding:.35rem 0 .65rem;border-bottom:1px solid #e2e8f0;background:#fff;min-width:0}.pos-cart-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.8rem}.pos-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.pos-cart-table th,.pos-cart-table td{padding:.45rem .35rem;border-bottom:1px solid #f1f5f9;text-align:right}.pos-cart-table th{color:#64748b;font-weight:600;font-size:.72rem}.pos-qty-input,.pos-price-input{width:100%;max-width:5.75rem;min-width:0;box-sizing:border-box;padding:.35rem .4rem;border-radius:6px;border:1px solid #cbd5e1}.pos-line-remove{border:none;background:transparent;color:#dc2626;cursor:pointer;font-size:.75rem;text-decoration:underline}.pos-pay-btn{width:100%;margin:0;padding:.85rem 1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 24px #05966959}.pos-pay-btn:hover{filter:brightness(1.05)}.pos-pay-caret{opacity:.85;font-size:.85rem}.pos-catalog{background:#eef1f5;display:flex;flex-direction:column;min-height:auto;overflow:visible;padding:1rem;gap:.75rem}.pos-catalog-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pos-search{flex:1 1 200px;min-width:160px;padding:.55rem .75rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:.88rem}.pos-quick-sku{flex:1 1 160px;min-width:140px;padding:.55rem .75rem;border-radius:10px;border:1px dashed #94a3b8;background:#fff;font-size:.85rem}.pos-select{padding:.55rem .65rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:.85rem;min-width:130px}.pos-view-toggle{display:inline-flex;border-radius:10px;border:1px solid #cbd5e1;overflow:hidden;background:#fff}.pos-view-toggle button{width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:#64748b;display:inline-flex;align-items:center;justify-content:center}.pos-view-toggle button.is-on{background:#e0f2fe;color:#0369a1}.pos-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pos-chip{border:none;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0f172a1f}.pos-chip--all{background:#64748b}.pos-catalog-products{flex:1 1 auto;min-height:auto;overflow-y:visible;overflow-x:hidden}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem;align-content:start;padding-bottom:1rem}.pos-product-card{border:none;border-radius:14px;background:#fff;padding:0;cursor:pointer;text-align:right;overflow:hidden;box-shadow:0 2px 12px #0f172a0f;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.pos-product-card:hover:not(.is-disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a}.pos-product-card.is-disabled{opacity:.45;cursor:not-allowed}.pos-product-thumb{height:120px;background:linear-gradient(145deg,#e2e8f0,#f8fafc);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#94a3b8}.pos-product-thumb--sm{width:48px;height:48px;border-radius:10px;font-size:1.1rem;flex-shrink:0}.pos-product-title{padding:.65rem .75rem .25rem;font-weight:700;font-size:.85rem;color:#0f172a;line-height:1.3}.pos-product-price{padding:0 .75rem .75rem;font-weight:800;font-size:.95rem;color:#059669}.pos-product-list{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.pos-product-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;text-align:right;width:100%}.pos-product-row.is-disabled{opacity:.45;cursor:not-allowed}.pos-product-row-main{flex:1;min-width:0}.pos-product-meta{font-size:.75rem;color:#94a3b8;margin-top:.15rem}.pos-loading,.pos-empty-catalog{padding:2rem;text-align:center;color:#64748b}.pos-sync-drawer{position:fixed;left:0;top:50%;transform:translate(calc(-100% + 44px),-50%);transition:transform .22s ease;z-index:70;display:flex;align-items:stretch;pointer-events:auto}.pos-sync-drawer.is-open{transform:translateY(-50%)}.pos-sync-toggle{width:44px;border:1px solid #cbd5e1;border-left:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 10px 10px 0;box-shadow:0 10px 24px #0f172a33}.pos-sync-panel{width:min(320px,calc(100vw - 3rem));padding:1rem;border-radius:0;background:#fff;border:1px solid #cbd5e1;border-left:none;box-shadow:0 16px 48px #0f172a26}@media (max-width: 1024px){.pos-sync-drawer{top:auto;bottom:max(.75rem,env(safe-area-inset-bottom,0px));transform:translate(calc(-100% + 40px))}.pos-sync-drawer.is-open{transform:translate(0)}.pos-sync-toggle{width:40px}.pos-sync-panel{width:min(300px,calc(100vw - 2rem))}}.pos-sync-title{font-weight:800;font-size:.95rem;color:#0f172a;margin-bottom:.35rem}.pos-sync-status{font-size:.82rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.pos-sync-status.is-online{color:#059669}.pos-sync-status.is-offline{color:#dc2626}.pos-sync-status.is-offline:before{content:"";width:8px;height:8px;border-radius:999px;background:#dc2626}.pos-sync-status.is-online:before{content:"";width:8px;height:8px;border-radius:999px;background:#059669}.pos-sync-meta{font-size:.72rem;color:#64748b;display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem;word-break:break-all}.pos-sync-pending{font-size:.85rem;font-weight:700;color:#b45309;margin-bottom:.65rem}.pos-sync-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .75rem;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;font-size:.82rem;cursor:pointer}.pos-sync-btn:disabled{opacity:.5;cursor:not-allowed}.pos-sync-hint{margin-top:.5rem;font-size:.75rem;color:#64748b;text-align:center}.pos-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;display:grid;place-items:center;z-index:120}.pos-complete-modal{width:min(420px,calc(100vw - 2rem));background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem;box-shadow:0 16px 46px #0f172a40}.pos-complete-modal h3{margin:0 0 .5rem}.pos-complete-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.invoices-page{max-width:var(--container)}.invoice-detail{max-width:980px;margin:0 auto}.invoice-actions{align-items:center}.invoice-paper{padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 26px #0f172a12}.invoice-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--border)}.invoice-number{font-weight:800;font-size:1.05rem;color:#0f172a}.invoice-meta{color:var(--text-secondary);font-size:.86rem;margin-top:.25rem}.invoice-meta-block{min-width:240px;text-align:left}.invoice-grid{margin-top:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 900px){.invoice-grid{grid-template-columns:1fr}}.invoice-box{border:1px solid var(--border);border-radius:12px;padding:.85rem;background:#fcfdff}.invoice-box-title{font-weight:800;margin-bottom:.55rem;color:#0f172a}.invoice-box-row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;color:var(--text-secondary);font-size:.92rem}.invoice-box-row.total{color:var(--text-primary);font-weight:800}.invoice-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-secondary);text-align:center}.invoice-detail table{width:100%;border-collapse:collapse}.invoice-detail th,.invoice-detail td{border-bottom:1px solid #edf2f7;padding:.52rem .45rem;font-size:.9rem}.invoice-detail th{color:#475569;font-weight:700}@media print{.sidebar,.app-topbar,.topbar,.topbar-search,.topbar-actions,.topbar-menu,.sidebar-overlay,.pos-sync-panel,.header-buttons,.no-print{display:none!important}.layout,.layout-main,.main-content{display:block!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;background:#fff!important}html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:9mm}.invoice-detail{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}.invoice-paper{border:1px solid #d7dee8!important;box-shadow:none!important;border-radius:0!important;padding:8mm!important;page-break-inside:avoid;break-inside:avoid}.invoice-top{border-bottom:2px solid #111827!important;padding-bottom:5mm!important;margin-bottom:4mm!important;page-break-inside:avoid;break-inside:avoid}.invoice-number{font-size:15px!important;font-weight:800!important}.invoice-meta{font-size:12px!important;color:#111!important}.invoice-grid{gap:3mm!important;margin-top:0!important;page-break-inside:avoid;break-inside:avoid}.invoice-box{border:1px solid #cbd5e1!important;border-radius:0!important;padding:3.2mm!important;background:#fff!important;page-break-inside:avoid;break-inside:avoid}.invoice-box-title{font-size:13px!important;margin-bottom:2.2mm!important}.invoice-box-row{font-size:12px!important;padding:1.2mm 0!important}.invoice-hint{display:none!important}.table-wrap{border:1px solid #cbd5e1!important;border-radius:0!important;margin-top:4mm!important;page-break-inside:auto}.invoice-detail table{width:100%!important;border-collapse:collapse!important;table-layout:fixed}.invoice-detail th,.invoice-detail td{font-size:11px!important;padding:2.2mm 1.8mm!important;border-bottom:1px solid #e5e7eb!important;color:#000!important}.invoice-detail th{font-size:11px!important;font-weight:800!important;background:#f8fafc!important}.invoice-footer{margin-top:4mm!important;padding-top:2.4mm!important;border-top:1px solid #d1d5db!important;font-size:12px!important;page-break-inside:avoid;break-inside:avoid}.invoice-grid,.invoice-top,.invoice-footer{page-break-inside:avoid;break-inside:avoid}*{box-shadow:none!important}}.inventory-page{max-width:var(--container)}.inventory-head{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.inv-adjust{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inv-adjust input{width:110px}.inv-qty{font-weight:800}.inv-qty.low{color:#fbbf24}.warehouses-page{max-width:var(--container)}.warehouses-page input[type=checkbox]{width:18px;height:18px;min-height:auto;padding:0}.inv-movements-page,.inv-transfer-page{max-width:var(--container)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.date-filters{display:flex;gap:.75rem;align-items:center}@media (max-width: 600px){.date-filters{width:100%;flex-direction:column;align-items:stretch}}.tenant-settings-page__hint{color:var(--text-secondary);font-size:.9rem;margin-top:.35rem;max-width:52rem}.tenant-settings-form__section-title{font-size:1rem;font-weight:800;margin:1.25rem 0 .75rem;padding-top:.5rem;border-top:1px solid var(--border)}.tenant-settings-form__section-title:first-of-type{margin-top:0;padding-top:0;border-top:none}.tenant-settings-page__check{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 1rem;cursor:pointer;font-weight:600}.tenant-settings-page__check input{width:18px;height:18px}.tenant-settings-form__actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.page-intro{margin-bottom:1.25rem}.page-desc{margin-top:.35rem;color:var(--text-secondary);font-size:.95rem;max-width:52ch}.surface-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem}.surface-card--tight{padding-bottom:.5rem}.surface-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid-full{grid-column:1 / -1}@media (max-width: 720px){.form-grid-2{grid-template-columns:1fr}}.cell-actions{text-align:left}.page-intro--row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.surface-card--flush{padding:0;overflow:hidden}.surface-card--flush .table-wrap{border:none}.mono{font-size:.88rem;font-family:ui-monospace,monospace}.po-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.po-badge--open{background:#2dd4bf1f;color:var(--accent);border:1px solid rgba(45,212,191,.25)}.po-badge--received{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.22)}.po-badge--cancelled{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem;border-top:1px solid var(--border)}.block-title{font-size:.95rem;font-weight:600;margin:1.25rem 0 .75rem;color:var(--text-secondary)}.po-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:end;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border)}@media (max-width: 900px){.po-line{grid-template-columns:1fr}.po-line-remove{justify-self:flex-start}}.po-line-remove{margin-bottom:.35rem}.detail-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 900px){.detail-two{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.95rem}.kv dt{color:var(--text-secondary);margin:0}.kv dd{margin:0}.notes-block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.92rem}.action-stack{display:flex;flex-direction:column;gap:.65rem}.page-stack{max-width:var(--container);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-sub{margin-top:.35rem;color:var(--text-secondary);font-size:.95rem}.form-card .card-title{margin-bottom:1rem}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}@media (max-width: 900px){.form-row-3{grid-template-columns:1fr}}.form-actions-inline{display:flex;justify-content:flex-end}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);text-align:right}.data-table th{color:var(--text-secondary);font-weight:600;font-size:.85rem}.row-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.badge-muted{background:var(--muted);color:var(--text-secondary)}.muted{color:var(--text-secondary)}.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.kitchen-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.kitchen-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.k-order{font-weight:700;letter-spacing:.02em}.k-table{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.k-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.k-foot{margin-top:.75rem;display:flex;justify-content:flex-end}.badge-info{background:#3b82f62e;color:#bfdbfe}.inline-input{width:100%;min-width:140px;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-primary)}.lead-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.lead-form .span-2{grid-column:span 3}@media (max-width: 900px){.lead-form{grid-template-columns:1fr}.lead-form .span-2{grid-column:span 1}}.toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.search-input{flex:1;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-primary)}.status-select{padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-primary)}.notes-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-create-form{margin-top:1rem}.team-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem 1rem;margin:1rem 0}.team-perm{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;cursor:pointer}.team-perm input{margin-top:.2rem}.team-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.team-modal{max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.team-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.page-sub{margin:.25rem 0 0;font-size:.95rem}.text-muted{opacity:.85}.page-shell .data-table td,.page-shell .data-table th{text-align:right}.dash{max-width:var(--container);margin:0 auto}.dash-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.35rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;background:radial-gradient(900px 260px at 15% 10%,rgba(59,130,246,.22),transparent 55%),radial-gradient(720px 260px at 80% 70%,rgba(167,139,250,.16),transparent 60%),linear-gradient(90deg,#fff,#0a3263 42%,#0b2b55)}.dash-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0b2b558c,#0b2b551f 55%,#fff0)}.dash-hero>*{position:relative;z-index:1}.dash-hero .page-title{color:#fffffff5}.dash-lead{margin-top:.4rem;color:#e2e8f0e6;font-size:.92rem;max-width:52ch;line-height:1.55}.dash-actions .btn{border-color:#ffffff2e}.dash-actions .btn-secondary{background:#ffffff14;color:#ffffffeb;border:1px solid rgba(255,255,255,.18)}.dash-actions .btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff47}.dash-actions .btn-primary{background:#ffffffeb;color:#0b2b55;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 26px #0b2b552e}.dash-actions .btn-primary:hover:not(:disabled){background:#fff;box-shadow:0 16px 40px #0b2b5538}.dash-actions{display:flex;flex-wrap:wrap;gap:.45rem}@media (max-width: 700px){.dash-hero{padding:.9rem;background:radial-gradient(900px 260px at 20% 10%,rgba(59,130,246,.22),transparent 55%),linear-gradient(180deg,#0b2b55,#0a3263 52%,#fff)}}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem}.dash-card{position:relative;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);min-height:128px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,transform .18s ease}.dash-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-card--teal{border-color:#05966933}.dash-card--accent{border-color:#05966947}.dash-card--success{border-color:#0596692e}.dash-card--warning{border-color:#d9770638}.dash-card--danger{border-color:#dc262633}.dash-card--zinc{border-color:var(--border)}.dash-kicker{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.dash-value{margin-top:.55rem;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.dash-hint{margin-top:.3rem;font-size:.8rem;color:var(--text-secondary);line-height:1.35}.dash-link{margin-top:auto;padding-top:.65rem;font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none}.dash-link:hover{text-decoration:underline}.dash-link-placeholder{margin-top:auto;padding-top:.65rem;height:1.1rem}.dash-section-title{font-size:.95rem;font-weight:700;margin-bottom:.85rem;color:var(--text-primary)}.dash-analytics-card{overflow:hidden}.dash-analytics-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.dash-analytics-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:.85rem}.dash-chart{border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;background:var(--bg-secondary);min-height:180px}.dash-chart-title{font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-bottom:.45rem}.dash-chart svg{max-width:100%;height:auto}.dash-chart--donut{display:grid;place-items:center;text-align:center}.dash-legend{width:100%;margin-top:.65rem;display:grid;gap:.35rem}.dash-legend-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.dash-legend-k{color:var(--text-tertiary);display:inline-flex;align-items:center;gap:.5rem}.dash-legend-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(15,23,42,.12)}.dash-legend-v{font-weight:700;color:var(--text-primary)}.dash-tooltip{background:#0f172aeb;color:#ffffffeb;border:1px solid rgba(148,163,184,.22);border-radius:10px;padding:8px 10px;font-size:.82rem;pointer-events:none;box-shadow:0 14px 40px #0f172a38;min-width:120px}@media (max-width: 980px){.dash-analytics-grid{grid-template-columns:1fr}}.shortcut-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.shortcut{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.shortcut:hover{border-color:#05966947;background:#0596690f}.shortcut-t{font-weight:700;font-size:.88rem;color:var(--text-primary)}.shortcut-d{font-size:.78rem;color:var(--text-secondary)}.dash--welcome-only{padding-bottom:2rem}.dash--welcome-only .dash-hero{margin-bottom:0}:root{--bg-app: #eef0f4;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-elevated: #f9fafb;--bg-input: #ffffff;--border: #e5e7eb;--border-strong: #d1d5db;--accent: #0b2b55;--accent-hover: #0a3263;--accent-muted: rgba(11, 43, 85, .1);--accent-dim: rgba(11, 43, 85, .18);--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--nav-hover: #f3f4f6;--nav-active-bg: rgba(11, 43, 85, .09);--nav-active-ring: rgba(11, 43, 85, .22);--danger: #dc2626;--warning: #d97706;--success: #059669;--info: #2563eb;--muted: rgba(17, 24, 39, .06);--glass: rgba(255, 255, 255, .92);--container: 1320px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-sidebar: 2px 0 12px rgba(15, 23, 42, .04);--ring: 0 0 0 3px rgba(11, 43, 85, .18);--font: "Cairo", "Segoe UI", system-ui, sans-serif;--sidebar-width: 272px}.btn{padding:.55rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-primary{background:var(--accent);color:#fff;border:1px solid transparent;box-shadow:0 1px 2px #05966940}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #05966947}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;box-shadow:none}.btn-ghost:hover{color:var(--text-primary);background:var(--nav-hover);border-color:var(--border)}.btn-danger{background:var(--danger);color:#fff;border:1px solid transparent}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.icon-btn{width:40px;height:40px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary)}.icon-btn:hover{background:var(--bg-secondary)}.icon-btn:focus-visible{box-shadow:var(--ring)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm)}.page-shell{max-width:var(--container);margin:0 auto}.page-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-shell-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-shell-sub{margin-top:.35rem;font-size:.92rem;color:var(--text-secondary);max-width:56ch;line-height:1.5}.page-shell-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.35rem;font-weight:700;color:var(--text-primary)}@media (max-width: 600px){.page-title{font-size:1.15rem}}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge-success{background:#0596691f;color:var(--success)}.badge-warning{background:#d977061f;color:var(--warning)}.badge-danger{background:#dc26261a;color:var(--danger)}.badge-info{background:#2563eb1a;color:var(--info)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card)}table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td,th,td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid var(--border)}th{background:#f9fafb;color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:none;letter-spacing:0}tbody tr:nth-child(2n) td{background:#fcfcfd}tbody tr:hover td{background:#f3f4f6}tr:last-child td{border-bottom:none}@media (max-width: 600px){th,td{padding:.65rem .75rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.86rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .85rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.form-group input,.form-group select{min-height:42px}.form-group textarea{min-height:100px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.65;cursor:not-allowed;background:var(--bg-secondary)}.form-group input[type=number]{direction:ltr}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}input,select{min-height:42px;padding:.6rem .85rem}textarea{padding:.6rem .85rem;min-height:100px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed;background:var(--bg-secondary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;gap:.65rem;flex-wrap:wrap}@media (max-width: 600px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.loading-screen,.page-loading{min-height:45vh;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}.surface-muted{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.92rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{font-family:var(--font);background:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary)}::selection{background:var(--accent-muted);color:var(--text-primary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit}input,select,textarea,button{outline-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}