*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:ABC Diatype Plus;src:url(/fonts/ABCDiatypePlusVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--black:#060a14;--dark:#0b1121;--card:#111827;--card2:#1a2236;--border:#1e293b;--border2:#334155;--gold:#d4a843;--gold2:#f0c85a;--gold-dim:#d4a8431a;--gold-glow:#d4a84333;--white:#f1f5f9;--muted:#64748b;--muted2:#475569;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-page:#0a0f1e;--sidebar-w:260px;--topbar-h:60px;--radius:12px;--radius-lg:16px;--shadow:0 8px 32px #00000059;--shadow-sm:0 2px 8px #0003;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--gradient-gold:linear-gradient(135deg, #d4a843, #f0c85a);--gradient-card:linear-gradient(145deg, #111827, #0f172a);--font-heading:"ABC Diatype Plus", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar:"Tajawal", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;padding-bottom:var(--safe-bottom);font-size:15px;line-height:1.6;overflow-x:hidden}body[dir=rtl],body.lang-ar{font-family:Tajawal,sans-serif!important}body[dir=rtl] *,body.lang-ar *{font-family:inherit}a{color:var(--gold);text-decoration:none}h1,h2,h3,h4,h5,h6,.card-title,.page-header h1,.stat-value,.brand-ar,.brand-en{font-family:var(--font-heading)}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3,body[dir=rtl] .card-title,body[dir=rtl] .page-header h1,body[dir=rtl] .brand-ar{font-family:var(--font-ar)}img{max-width:100%}.sidebar{width:var(--sidebar-w);height:100vh;font-family:var(--font-body);z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d1525,#0a0f1e);border-left:1px solid #ffffff0d;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden}body[dir=ltr] .sidebar{border-left:none;border-right:1px solid #ffffff0d;left:0;right:auto}@media (width<=768px){.sidebar{transform:translate(110%);box-shadow:-8px 0 40px #0009}body[dir=ltr] .sidebar{transform:translate(-110%);box-shadow:8px 0 40px #0009}.sidebar.open{transform:translate(0)!important}body.sidebar-open{overflow:hidden}}.main-wrap{margin-right:var(--sidebar-w);background:var(--bg-page);flex-direction:column;min-width:0;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body[dir=ltr] .main-wrap{margin-right:0;margin-left:var(--sidebar-w)}@media (width<=768px){.main-wrap{margin-left:0!important;margin-right:0!important}}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:1rem 1.1rem;display:flex}.sidebar-logo{object-fit:contain;box-sizing:border-box;background:#fff8e6f5;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:4px;box-shadow:0 0 0 1px #c9a84c40,0 2px 8px #00000073}.sidebar-brand{overflow:hidden}.brand-ar{color:var(--gold);white-space:nowrap;font-size:.92rem;font-weight:700;display:block}.brand-en{color:var(--muted);letter-spacing:.04em;font-size:.62rem;display:block}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex-direction:column;flex:1;gap:1px;padding:.5rem .45rem;display:flex;overflow:hidden auto}.nav-divider{background:var(--border);flex-shrink:0;height:1px;margin:5px 6px}.nav-group-label,.nav-group-btn{font-family:var(--font-body);letter-spacing:.02em;color:var(--muted2);padding:.4rem .75rem .1rem;font-size:.65rem;font-weight:600}.nav-item{color:#ffffff80;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:38px;margin:1px 6px;padding:.45rem .85rem;font-size:.78rem;font-weight:400;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-item svg{opacity:.6;flex-shrink:0;transition:opacity .2s}.nav-item:hover{color:#ffffffd9;background:#ffffff0f}.nav-item:hover svg{opacity:1}.nav-item.active{color:var(--gold);background:#d4a8431a;border-color:#d4a84326;font-weight:500}.nav-item.active:before{content:"";background:var(--gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}body[dir=rtl] .nav-item.active:before{border-radius:3px 0 0 3px;left:auto;right:0}body[dir=rtl] .sidebar,body[dir=rtl] .nav-item,body[dir=rtl] .nav-group-btn,body[dir=rtl] .topbar,body[dir=rtl] .page-content,body[dir=rtl] button,body[dir=rtl] input,body[dir=rtl] select,body[dir=rtl] textarea{font-family:Tajawal,sans-serif!important}.nav-item.active svg{opacity:1}.nav-item span{text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:20px;flex-shrink:0;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}body[dir=rtl] .nav-badge{margin-left:0;margin-right:auto}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.65rem .6rem}.user-card{border-radius:var(--radius);background:#ffffff0a;align-items:center;gap:9px;margin-bottom:6px;padding:.55rem .6rem;display:flex;overflow:hidden}.user-avatar{object-fit:cover;border:1.5px solid var(--gold);border-radius:50%;flex-shrink:0;width:30px;height:30px}.user-avatar-placeholder{background:var(--gold-dim);border:1.5px solid var(--gold);width:30px;height:30px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.user-role{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.logout-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex}.logout-btn:hover{color:var(--danger);background:#dc4f4f14;border-color:#dc4f4f26}.topbar{background:var(--dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:200;padding:0 1.25rem;padding-top:var(--safe-top);min-height:calc(var(--topbar-h) + var(--safe-top));flex-shrink:0;align-items:center;gap:.5rem;min-width:0;display:flex;position:sticky;top:0;overflow:visible}.menu-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;padding:6px;display:none}.menu-toggle span{background:var(--muted);border-radius:2px;width:20px;height:2px;transition:background .2s;display:block}.menu-toggle:hover span{background:var(--white)}@media (width<=768px){.menu-toggle{display:flex}}.page-title{color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:3px;display:flex}.topbar-role{background:var(--gold-dim);color:var(--gold);white-space:nowrap;border:1px solid #c9a84c38;border-radius:20px;margin-inline-end:4px;padding:2px 9px;font-size:.7rem}.topbar-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--card2);color:var(--white);border-color:var(--border)}.topbar-icon-wrap{position:relative}@media (width<=480px){.topbar-role{display:none}}.sidebar-overlay{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.notif-badge{background:var(--danger);color:#fff;border:1.5px solid var(--dark);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.floating-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(320px,100vw - 24px);box-shadow:var(--shadow);z-index:500;animation:.15s panelIn;position:absolute;top:calc(100% + 8px);overflow:hidden}body[dir=rtl] .floating-panel{left:0;right:auto}body[dir=ltr] .floating-panel{left:auto;right:0}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid var(--border);color:var(--white);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.84rem;font-weight:500;display:flex}.panel-action{color:var(--gold);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.72rem}.panel-empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.84rem}.panel-view-all{text-align:center;color:var(--gold);border-top:1px solid var(--border);padding:.7rem;font-size:.78rem;display:block}.panel-view-all:hover{background:var(--card2)}.notif-item{border-bottom:1px solid var(--border);color:var(--white);align-items:flex-start;gap:10px;padding:.7rem 1rem;transition:background .15s;display:flex}.notif-item:hover{background:var(--card2)}.notif-item.unread{background:#c9a84c0a}.notif-dot{background:var(--muted2);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-dot.active{background:var(--gold)}.notif-title{margin-bottom:2px;font-size:.8rem;font-weight:500}.notif-body{color:var(--muted);margin-bottom:2px;font-size:.72rem;line-height:1.4}.notif-time{color:var(--muted2);font-size:.68rem}.page-content{box-sizing:border-box;flex:1;align-self:stretch;width:100%;min-width:0;padding:1.25rem;overflow-x:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);padding:1.15rem 1.3rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.card-title{color:var(--white);letter-spacing:-.01em;font-size:.92rem;font-weight:600}.card-sub{color:var(--muted);margin-top:2px;font-size:.76rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem 1.15rem;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card:before{content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.gold:before{background:var(--gradient-gold)}.stat-card.green:before{background:linear-gradient(90deg,var(--success),#6ee7b7)}.stat-card.red:before{background:linear-gradient(90deg,var(--danger),#fca5a5)}.stat-card.blue:before{background:linear-gradient(90deg,var(--info),#93c5fd)}.stat-card.warning:before{background:linear-gradient(90deg,var(--warning),transparent)}.stat-label{color:var(--muted);letter-spacing:.01em;margin-bottom:5px;font-size:.7rem;font-weight:500}.stat-value{color:var(--white);font-size:1.65rem;font-weight:700;line-height:1}.stat-sub{color:var(--muted);margin-top:3px;font-size:.7rem}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:auto;word-break:break-word;width:100%;font-size:.84rem}thead th{background:var(--card2);color:var(--muted);letter-spacing:.01em;border-bottom:2px solid var(--border);white-space:nowrap;vertical-align:bottom;text-align:start;min-width:max-content;padding:.65rem .85rem;font-size:.75rem;font-weight:600}thead th[style*=text-align\:center],thead th.center{text-align:center}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--gold)}.sort-arrow{opacity:.5;margin-inline-start:4px;font-size:.6rem}.sort-arrow.active{opacity:1;color:var(--gold)}tbody td{border-bottom:1px solid var(--border);color:var(--white);vertical-align:middle;text-align:start;padding:.65rem .85rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff06}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 9px;font-size:.71rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#3fb06a24;border:1px solid #3fb06a40}.badge-warning{color:var(--warning);background:#e0903024;border:1px solid #e0903040}.badge-danger{color:var(--danger);background:#dc4f4f24;border:1px solid #dc4f4f40}.badge-info{color:var(--info);background:#4d8fd424;border:1px solid #4d8fd440}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #c9a84c40}.badge-muted{color:var(--muted);border:1px solid var(--border);background:#ffffff0f}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:.5rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:600}.btn-primary:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px);box-shadow:0 4px 12px #d4a84340}.btn-outline{color:var(--gold);background:0 0;border-color:#d4a84366}.btn-outline:hover{background:var(--gold-dim);border-color:var(--gold)}.btn-danger{color:var(--danger);background:#ef444414;border-color:#ef444440}.btn-danger:hover{background:#ef444426}.btn-ghost{color:var(--muted);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--white);border-color:var(--border2);background:var(--card2)}.btn-success{color:var(--success);background:#22c55e14;border-color:#22c55e40}.btn-success:hover{background:#22c55e26}.btn-sm{border-radius:7px;padding:.3rem .7rem;font-size:.76rem}.btn-lg{border-radius:10px;padding:.7rem 1.5rem;font-size:.9rem}.btn-block{justify-content:center;width:100%}.btn-del{border:1px solid var(--border);width:30px;height:30px;color:var(--muted2);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;transition:all .18s;display:inline-flex}.btn-del:hover{color:var(--danger);background:#dc4f4f1f;border-color:#dc4f4f59}.form-grid{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-full{grid-column:1/-1}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--muted);letter-spacing:.02em;font-size:.76rem;font-weight:500}.form-control{color:var(--white);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:100%;min-height:40px;padding:.55rem .9rem;font-family:inherit;font-size:.87rem;transition:border-color .18s,box-shadow .18s,background .18s}.form-control:focus{border-color:var(--gold);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #d4a8431f}.form-control::placeholder{color:var(--muted2)}.form-control option{background:var(--card)}select.form-control{appearance:none;cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.alert{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:8px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.84rem;display:flex}.alert-success{color:var(--success);background:#3fb06a17;border-color:#3fb06a47}.alert-danger{color:var(--danger);background:#dc4f4f17;border-color:#dc4f4f47}.alert-warning{color:var(--warning);background:#e0903017;border-color:#e0903047}.alert-info{color:var(--info);background:#4d8fd417;border-color:#4d8fd447}.tab-bar{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:2px;margin-bottom:1.25rem;padding:0 4px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.55rem 1rem;font-family:inherit;font-size:.82rem;font-weight:400;transition:all .2s;position:relative;bottom:-2px}.tab-btn:hover{color:var(--white)}.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.pagination{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:1rem;display:flex}.page-link{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:.38rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.page-link:hover,.page-link.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.vac-bar{background:var(--border);border-radius:3px;height:5px;margin:6px 0;overflow:hidden}.vac-bar-fill{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:3px;height:100%;transition:width .5s}.clock-widget{text-align:center;padding:1.5rem}.clock-time{color:var(--white);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700}.clock-date{color:var(--muted);margin:4px 0 1.25rem;font-size:.82rem}.clock-status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-inline-end:5px;display:inline-block}.clock-status-dot.active{background:var(--success);animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #3fb06a66}50%{box-shadow:0 0 0 5px #3fb06a00}}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.65rem;margin-bottom:1.1rem;display:flex}.page-toolbar-left{flex-wrap:wrap;flex:1;align-items:flex-end;gap:.5rem;min-width:0;display:flex}.page-toolbar-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.section-heading{letter-spacing:.02em;color:var(--muted2);border-bottom:1px solid var(--border);margin-top:.1rem;margin-bottom:.6rem;padding-bottom:.4rem;font-size:.72rem;font-weight:600}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-state-icon{opacity:.45;margin-bottom:.5rem;font-size:2rem}.empty-state-msg{font-size:.88rem}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.52rem 0;font-size:.84rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--muted);flex-shrink:0;margin-inline-end:.75rem;font-size:.8rem}.info-value{text-align:end;font-weight:500}.action-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tbl-actions{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header h1{color:var(--white);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.card-table{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-table>.card-header{border-bottom:1px solid var(--border);margin-bottom:0;padding:.9rem 1.25rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar .form-group{margin:0}.tbl-filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.tbl-filter-bar input[type=search],.tbl-filter-bar input[type=text]{background:var(--card2);border:1px solid var(--border);color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:.6rem;background-repeat:no-repeat;border-radius:7px;width:220px;min-width:0;padding:.38rem .75rem .38rem 2rem;font-size:.82rem;transition:border-color .15s}.tbl-filter-bar input:focus{border-color:var(--gold);outline:none}.tbl-filter-bar select{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;appearance:none;padding:.38rem .65rem;border-radius:7px;padding-inline-end:1.5rem;font-size:.79rem;transition:border-color .15s}.tbl-filter-bar select:focus{border-color:var(--gold);outline:none}.tbl-filter-bar .tbl-count{color:var(--muted);white-space:nowrap;margin-inline-start:auto;font-size:.75rem}.tbl-no-results{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:.85rem}.summary-bar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.summary-chip{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:10px;flex-shrink:0;padding:.4rem .85rem}.summary-chip-label{color:var(--muted);white-space:nowrap;font-size:.68rem}.summary-chip-value{color:var(--white);font-size:1rem;font-weight:700}.col-center{text-align:center!important}.col-right{text-align:right!important}.col-num{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center!important}.col-mono{font-variant-numeric:tabular-nums;white-space:nowrap}.col-muted{color:var(--muted);font-size:.8rem}.col-action{white-space:nowrap;width:1px;text-align:end!important}.tbl-actions{justify-content:flex-end}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.inline-form .form-group{margin:0}.shift-pill{background:var(--gold-dim);color:var(--gold);border:1px solid #c9a84c33;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.lang-label{letter-spacing:.04em;font-size:11px;font-weight:600}.alert-autodismiss{animation:.4s 4.6s forwards alertFadeOut}@keyframes alertFadeOut{to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}}.card,.stat-card,.topbar,.main-wrap,.form-control,.floating-panel,.tab-btn,.badge,.btn{transition:background-color .22s,border-color .22s,color .18s,box-shadow .22s}.sidebar{transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .22s,border-color .22s}.score-ring{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:inline-flex}.score-ring.good{border-color:var(--success);color:var(--success);background:#3fb06a14}.score-ring.ok{border-color:var(--warning);color:var(--warning);background:#e0903014}.score-ring.bad{border-color:var(--danger);color:var(--danger);background:#dc4f4f14}@media (width<=1024px){:root{--sidebar-w:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:1fr 1fr}}@media (width<=768px){:root{--sidebar-w:270px;--topbar-h:52px}.page-content{padding:.85rem}.card{border-radius:var(--radius);padding:.85rem 1rem}.form-grid,.form-grid-3{grid-template-columns:1fr}.form-full{grid-column:1}.stats-grid{grid-template-columns:1fr 1fr}.clock-time{font-size:2rem}.card-header{flex-direction:column;align-items:flex-start}.card-header .btn{align-self:flex-start}.page-header h1{font-size:.95rem}.tbl-filter-bar{flex-direction:column;align-items:stretch}.tbl-filter-bar input[type=search],.tbl-filter-bar input[type=text]{width:100%}.tbl-filter-bar .tbl-count{text-align:end;margin-inline-start:0}.tbl-actions{gap:3px}.tbl-actions .btn{padding:.2rem .45rem;font-size:.7rem}table{font-size:.78rem}thead th{padding:.5rem .6rem;font-size:.66rem}tbody td{padding:.5rem .6rem}.info-row{flex-direction:column;align-items:flex-start;gap:2px}.info-value{text-align:start}.tab-bar{gap:1px}.tab-btn{padding:.4rem .7rem;font-size:.75rem}}@media (width<=480px){.page-content{padding:.55rem}.card{padding:.7rem .8rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.62rem}.floating-panel{width:calc(100vw - 16px)}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.7rem .8rem}.summary-bar{gap:.4rem}.summary-chip{padding:.35rem .65rem}.summary-chip-value{font-size:.88rem}.page-header{gap:.5rem}.page-header h1{font-size:.88rem}.btn{padding:.4rem .75rem;font-size:.78rem}.btn-sm{padding:.22rem .5rem;font-size:.7rem}.form-label{font-size:.7rem}.form-control{padding:.45rem .7rem;font-size:.82rem}.card-title{font-size:.85rem}.card-sub{font-size:.7rem}.tbl-actions{flex-wrap:wrap}.action-row{gap:3px}.badge{padding:1px 7px;font-size:.65rem}.empty-state{padding:2rem .75rem}.empty-state-msg{font-size:.82rem}.col-hide-mobile{display:none!important}}@media (width<=360px){.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header .btn{justify-content:center;width:100%}}@media (width<=540px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.settings-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:.75rem;display:grid}@media (width<=768px){.settings-two-col{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.nav-item{min-height:46px}.form-control{min-height:44px;font-size:16px}select.form-control{font-size:16px}.topbar-icon-btn{width:42px;height:42px}.page-link{min-width:42px;min-height:42px}.btn-del{width:38px;height:38px}}@media (width<=768px){.floating-panel{max-height:calc(100vh - var(--topbar-h) - var(--safe-top) - 16px);overflow-y:auto;top:calc(var(--topbar-h) + var(--safe-top) + 4px)!important;position:fixed!important;left:auto!important;right:8px!important}body[dir=rtl] .floating-panel{left:8px!important;right:auto!important}}body.theme-light{--black:#fafbfc;--dark:#fff;--card:#fff;--card2:#f6f8fa;--border:#e1e4e8;--border2:#d0d7de;--gold:#b45309;--gold2:#d97706;--gold-dim:#b4530914;--gold-glow:#b4530926;--white:#1f2937;--muted:#6b7280;--muted2:#9ca3af;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--bg-page:#f3f4f6;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-sm:0 1px 2px #0000000d;--gradient-gold:linear-gradient(135deg, #b45309, #d97706);--gradient-card:linear-gradient(145deg, #fff, #f9fafb)}body.theme-light .sidebar{background:#1e293b;border-color:#0f172a}body.theme-light .sidebar-header{border-bottom-color:#ffffff14}body.theme-light .sidebar .brand-ar{color:#f59e0b}body.theme-light .sidebar .brand-en{color:#fff6}body.theme-light .sidebar .nav-group-btn{color:#fff6!important}body.theme-light .sidebar .nav-group-btn.has-active{color:#f59e0b!important}body.theme-light .sidebar .nav-item{color:#ffffff8c}body.theme-light .sidebar .nav-item:hover{color:#ffffffe6;background:#ffffff0f}body.theme-light .sidebar .nav-item.active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b40}body.theme-light .sidebar .user-card{background:#ffffff0d}body.theme-light .sidebar .user-name{color:#ffffffe6}body.theme-light .sidebar .user-role,body.theme-light .sidebar .logout-btn{color:#fff6}body.theme-light .sidebar .logout-btn:hover{color:#fca5a5;background:#ef44441f}body.theme-light .sidebar-footer{border-top-color:#ffffff0f}body.theme-light .topbar{background:#fff;border-bottom-color:#e5e7eb;box-shadow:0 1px 2px #0000000a}body.theme-light .page-title{color:#111827}body.theme-light .topbar-icon-btn{color:#6b7280}body.theme-light .topbar-icon-btn:hover{color:#1f2937;background:#f3f4f6;border-color:#e5e7eb}body.theme-light .topbar-role{color:#92400e;background:#fef3c7;border-color:#fde68a}body.theme-light .menu-toggle span{background:#9ca3af}body.theme-light .main-wrap{background:#f3f4f6}body.theme-light .card{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000f}body.theme-light .card-title{color:#111827}body.theme-light .stat-card{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000f}body.theme-light .stat-value{color:#111827}body.theme-light thead th{color:#6b7280;background:#f9fafb;border-bottom-color:#e5e7eb}body.theme-light .btn-primary{color:#fff;background:#b45309;border-color:#b45309}body.theme-light .btn-primary:hover{background:#92400e;border-color:#92400e}body.theme-light .form-control{color:#1f2937;background:#f9fafb;border-color:#d1d5db}body.theme-light .tab-btn.active{color:#b45309;background:#fff;border-color:#e5e7eb}body.theme-light .badge-gold{color:#92400e;background:#fef3c7;border-color:#fde68a}body.theme-light tbody td{color:var(--white);border-bottom-color:var(--border)}body.theme-light tbody tr:hover{background:#00000005}body.theme-light .form-control{border-color:var(--border);color:var(--white);background:#fff}body.theme-light .form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px #8a65141a}body.theme-light .form-label{color:var(--muted)}body.theme-light .btn-primary{background:var(--gold);color:#fff;border-color:var(--gold)}body.theme-light .btn-primary:hover{background:var(--gold2)}body.theme-light .btn-outline{color:var(--gold);border-color:var(--gold)}body.theme-light .btn-ghost{color:var(--muted);border-color:var(--border)}body.theme-light .btn-ghost:hover{color:var(--white);background:var(--card2)}body.theme-light .badge-muted{color:var(--muted);border-color:var(--border);background:#0000000f}body.theme-light .badge-gold{color:var(--gold);background:#8a65141a}body.theme-light .floating-panel{border-color:var(--border);background:#fff;box-shadow:0 8px 32px #00000024}body.theme-light .panel-header{border-bottom-color:var(--border);color:var(--white)}body.theme-light .panel-view-all:hover{background:var(--card2)}body.theme-light .notif-item{color:var(--white);border-bottom-color:var(--border)}body.theme-light .notif-item:hover{background:var(--card2)}body.theme-light .notif-item.unread{background:#8a65140a}body.theme-light .tab-bar{border-bottom-color:var(--border)}body.theme-light .tab-btn{color:var(--muted)}body.theme-light .tab-btn:hover{color:var(--white)}body.theme-light .tab-btn.active{background:var(--card);border-color:var(--border);border-bottom-color:var(--card);color:var(--gold)}body.theme-light .sidebar-overlay{background:#0006}body.theme-light .card-table{background:var(--card);border-color:var(--border)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content>*{animation:.22s both pageEnter}.card-hover{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s!important}.card-hover:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 28px #00000059}.stat-card{transition:transform .18s,box-shadow .18s,border-color .18s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--border2) 37%, var(--border) 63%);background-size:600px 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;width:70%;height:12px;margin-bottom:6px}.skeleton-title{border-radius:4px;width:40%;height:18px;margin-bottom:10px}.skeleton-block{border-radius:var(--radius);width:100%;height:80px}.skeleton-circle{border-radius:50%!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartbeat-loop{0%{stroke-dashoffset:200px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}.spinner{border:2px solid var(--border2);border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border-width:1.5px;width:14px;height:14px}.spinner-lg{border-width:3px;width:32px;height:32px}.page-loading{color:var(--muted);justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;font-size:.85rem;display:flex}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#000000a6;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.search-modal{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius-lg);width:min(540px,100vw - 32px);animation:.18s cubic-bezier(.34,1.56,.64,1) modalIn;overflow:hidden;box-shadow:0 24px 64px #0009}@keyframes modalIn{0%{opacity:0;transform:scale(.93)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:.85rem 1rem;display:flex}.search-input-wrap svg{color:var(--muted);flex-shrink:0}.search-input-wrap input{color:var(--white);caret-color:var(--gold);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-input-wrap input::placeholder{color:var(--muted2)}.search-results{max-height:320px;overflow-y:auto}.search-result{cursor:pointer;color:var(--white);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:.65rem 1rem;font-size:.88rem;text-decoration:none;transition:background .1s;display:flex}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.active{background:var(--gold-dim);color:var(--gold)}.search-result svg{color:var(--muted);flex-shrink:0}.search-result:hover svg,.search-result.active svg{color:var(--gold)}.search-group-label{letter-spacing:.02em;color:var(--muted2);padding:.4rem 1rem .2rem;font-size:.64rem;font-weight:700}.search-footer{border-top:1px solid var(--border);color:var(--muted2);align-items:center;gap:1rem;padding:.55rem 1rem;font-size:.7rem;display:flex}.search-kbd{background:var(--card2);border:1px solid var(--border);color:var(--muted);border-radius:5px;align-items:center;margin-inline-start:4px;padding:1px 6px;font-family:monospace;font-size:.68rem;display:inline-flex}.mini-chart{align-items:flex-end;gap:5px;height:48px;display:flex}.mini-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.mini-bar{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .4s,background .2s}.mini-bar.present{background:var(--success)}.mini-bar.absent{background:var(--danger);opacity:.6}.mini-bar.today{background:var(--gold)}.mini-bar.future{background:var(--border2);opacity:.4}.mini-bar-label{color:var(--muted2);text-align:center;white-space:nowrap;font-size:.58rem}.trend{align-items:center;gap:2px;margin-top:3px;font-size:.7rem;font-weight:600;display:inline-flex}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.trend.flat{color:var(--muted)}@keyframes countIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-in{animation:.3s 50ms both countIn}@keyframes glowPulse{0%,to{box-shadow:0 0 #c9a84c40}50%{box-shadow:0 0 0 6px #c9a84c00}}.glow-pulse{animation:2.5s infinite glowPulse}.topbar-search-btn{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;margin-inline-end:4px;padding:.3rem .7rem;font-size:.75rem;transition:all .18s;display:flex}.topbar-search-btn:hover{border-color:var(--border2);color:var(--white)}.topbar-search-hint{color:var(--muted2);font-size:.65rem}@media (width<=640px){.topbar-search-btn{display:none}}.divider-text{color:var(--muted2);letter-spacing:.02em;align-items:center;gap:.75rem;margin:.75rem 0;font-size:.68rem;font-weight:600;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.quick-action{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:.38rem .85rem;font-family:inherit;font-size:.78rem;text-decoration:none;transition:all .18s;display:inline-flex}.quick-action:hover{background:var(--gold-dim);color:var(--gold);border-color:#c9a84c4d}body.theme-light .search-modal{border-color:var(--border);background:#fff;box-shadow:0 24px 64px #0003}body.theme-light .search-input-wrap input{color:var(--white)}body.theme-light .search-result{color:var(--white);border-color:var(--border)}body.theme-light .search-result:hover,body.theme-light .search-result.active{background:var(--gold-dim);color:var(--gold)}body.theme-light .topbar-search-btn{background:var(--card2);border-color:var(--border)}body.theme-light .skeleton{background:linear-gradient(90deg,#e8e4de 25%,#d8d3c8 37%,#e8e4de 63%) 0 0/600px 100%}body.theme-light .mini-bar.future{background:#d0ccc5}body.theme-light .quick-action{background:var(--card2);border-color:var(--border);color:var(--muted)}body.theme-light .quick-action:hover{background:var(--gold-dim);color:var(--gold)}.dash-grid{grid-template-columns:1fr 300px;align-items:start;gap:1.25rem;display:grid}@media (width<=960px){.dash-grid{grid-template-columns:1fr}.dash-clock-col{order:-1}}.page-split{grid-template-columns:1fr 360px;align-items:start;gap:1.25rem;display:grid}@media (width<=1024px){.page-split{grid-template-columns:1fr}}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card:hover{border-color:#ffffff14}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--white);background:#d4a8434d}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (width<=768px){.page-content{padding-bottom:calc(1rem + var(--safe-bottom))}}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.admin-stats-grid{grid-template-columns:1fr 1fr;gap:.65rem}}