:root{--navy:#0e4a74;--navy2:#083a5c;--blue:#1a8bb8;--bg:#f2f5f9}
body{font-family:Tajawal,system-ui,sans-serif;background:var(--bg);color:#1d2b3a}
.btn-primary{background:var(--navy);border-color:var(--navy)}.btn-primary:hover{background:var(--navy2)}
.text-navy{color:var(--navy)}.bg-navy{background:var(--navy)!important;color:#fff}
.card{border:0;border-radius:14px;box-shadow:0 2px 10px rgba(14,74,116,.07)}
.table{vertical-align:middle}.table th{color:#5b6b7c;font-weight:500;font-size:.9rem;white-space:nowrap}

/* لوحة الإدارة */
.sidebar{position:fixed;inset:0 0 0 auto;width:240px;background:var(--navy);color:#fff;padding:16px 12px;overflow:auto;z-index:1040;transition:.25s}
.sidebar .brand{display:flex;gap:10px;align-items:center;padding:6px 6px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}
.sidebar .brand img{width:46px;background:#fff;border-radius:10px;padding:3px}.sidebar .brand small{display:block;opacity:.75;font-size:.75rem}
.sidebar a{display:flex;gap:10px;align-items:center;color:#d9e6f3;text-decoration:none;padding:10px 12px;border-radius:9px;margin-bottom:3px}
.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.13);color:#fff}
.main{margin-right:240px;min-height:100vh}
.topbar{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 22px;box-shadow:0 1px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}
.content{padding:22px}
@media(max-width:991px){.sidebar{transform:translateX(100%)}.sidebar.open{transform:none}.main{margin-right:0}.content{padding:14px}}
.stat{padding:16px;text-align:center}.stat small{color:#6b7a8a}.stat .n{font-size:1.7rem;font-weight:800}
.quick a{display:flex;justify-content:space-between;border:1px solid #e3e9f0;border-radius:10px;padding:10px 14px;margin-bottom:8px;text-decoration:none;color:inherit}

/* تطبيق الموظف */
.app{max-width:520px;margin:auto;min-height:100vh;background:var(--bg);padding-bottom:78px}
.apphead{background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top));position:sticky;top:0;z-index:100}
.apphead .dot{position:absolute;top:-6px;left:-8px;background:#e53935;font-size:.65rem;border-radius:10px;padding:1px 5px}
.appbody{padding:14px}
.hero{background:var(--navy);color:#fff;margin:-14px -14px 14px;padding:4px 18px 40px;border-radius:0 0 26px 26px}
.hero img{width:52px;height:52px;border-radius:50%;background:#fff;object-fit:contain;padding:4px}
.clock{font-size:2.6rem;font-weight:800;color:var(--navy);direction:ltr}
.bigbtn{padding:14px;font-size:1.1rem;font-weight:700;border-radius:12px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tiles a{background:#fff;border-radius:12px;padding:14px 4px;text-align:center;text-decoration:none;color:var(--navy);font-size:.85rem;box-shadow:0 2px 8px rgba(14,74,116,.06)}
.tiles i{display:block;font-size:1.5rem;color:var(--blue);margin-bottom:4px}
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#fff;display:flex;border-top:1px solid #e5e9ef;padding-bottom:env(safe-area-inset-bottom);z-index:100}
.tabbar a{flex:1;text-align:center;padding:8px 0;color:#8a97a5;text-decoration:none;font-size:.72rem}
.tabbar a i{display:block;font-size:1.3rem}.tabbar a.on{color:var(--navy);font-weight:700}
.dayrow{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.netbox{background:var(--navy);color:#fff;border-radius:14px;text-align:center;padding:20px}
.netbox .n{font-size:2.4rem;font-weight:800}
.slip td{padding:9px 4px;border-bottom:1px solid #eef1f5}.slip td:last-child{text-align:left;direction:ltr;font-weight:600}
.plus{color:#1e8e3e}.minus{color:#d93025}

/* الدخول */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy),var(--blue));padding:16px}
.login .card{width:100%;max-width:380px;padding:28px}
@media print{.netbox{background:#fff!important;color:var(--navy)!important;border:2px solid var(--navy)}.netbox .opacity-75{opacity:1!important;color:#333}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card{box-shadow:none;border:1px solid #ddd}.sidebar,.topbar,.apphead,.tabbar,.noprint{display:none!important}.main{margin:0}.app{padding:0}body{background:#fff}}

.sb-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1030}
@media(max-width:991px){body:has(.sidebar.open) .sb-backdrop{display:block}}
.chartbox{position:relative;height:240px}
.stat{height:100%}
.topbar h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table td,.table th{font-size:.92rem}
.btn,.form-control,.form-select{min-height:40px}
.tiles a:active,.tabbar a:active{transform:scale(.97)}
@media(min-width:521px){.emp .app{box-shadow:0 0 30px rgba(0,0,0,.06)}}
@media(max-width:575px){.stat .n{font-size:1.4rem}.content{padding:10px}}

/* بطاقات اللوحة المتدرجة */
.gstat{position:relative;overflow:hidden;border-radius:16px;padding:16px 18px;color:#fff;height:100%;box-shadow:0 6px 18px rgba(14,74,116,.18);transition:transform .15s}
.gstat:hover{transform:translateY(-2px)}
.gstat::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);left:-30px;bottom:-50px}
.gstat .gi{position:absolute;left:14px;top:14px;font-size:1.5rem;opacity:.35}
.gstat .gl{font-size:.88rem;opacity:.92}
.gstat .gn{font-size:1.85rem;font-weight:800;line-height:1.3}
.gstat .gn .cur{font-size:.75rem;font-weight:500;opacity:.85;margin-inline-start:6px}
.gstat .gs{font-size:.8rem;opacity:.85}
.g-navy{background:linear-gradient(135deg,#0e4a74,#1a6fa3)}
.g-green{background:linear-gradient(135deg,#1e8e4e,#3cb371)}
.g-red{background:linear-gradient(135deg,#c62828,#ef5350)}
.g-amber{background:linear-gradient(135deg,#e08e0b,#f5b83d)}
.g-blue{background:linear-gradient(135deg,#1a8bb8,#41b3e0)}
.g-teal{background:linear-gradient(135deg,#0f7c80,#26a69a)}
.g-purple{background:linear-gradient(135deg,#5b3fa8,#8e6ad8)}
.g-orange{background:linear-gradient(135deg,#d2551f,#f08a4b)}
@media(max-width:575px){
  .gstat{padding:11px 12px;border-radius:13px}
  .gstat .gn{font-size:1.3rem}
  .gstat .gl{font-size:.76rem}
  .gstat .gs{font-size:.7rem}
  .gstat .gi{font-size:1.15rem;left:10px;top:10px}
  .row.g-3{--bs-gutter-x:.6rem;--bs-gutter-y:.6rem}
}

/* هيدر الجوال */
.burger,.tlogo{display:none}
@media(max-width:991px){
  .topbar{background:linear-gradient(135deg,#0e4a74,#1a7fb0);color:#fff;padding:10px 12px;gap:8px;box-shadow:0 2px 10px rgba(14,74,116,.25)}
  .topbar h5{font-size:1.05rem}
  .burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.15);color:#fff;font-size:1.9rem;padding:0}
  .burger:active{background:rgba(255,255,255,.28)}
  .tlogo{display:block;width:34px;height:34px;object-fit:contain;background:#fff;border-radius:9px;padding:3px}
  .topbar .tbtn{background:rgba(255,255,255,.15);border:0;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px}
  .topbar .tbtn .badge{font-size:.6rem}
}
.law{background:#f3f8fc;border-right:4px solid var(--blue);border-radius:10px;padding:12px 14px;font-size:.88rem}.law ul{padding-right:18px}