:root{
  --blue:#3399ff;--blue-hi:#7cc0ff;--blue-deep:#155fae;--red:#ff3366;--green:#4ad69a;
  --white:#fff;--text:#d2dce6;--dim:#93a2af;--faint:#5e6c78;--bg:#07090d;
  --panel:rgba(255,255,255,.045);--panel-2:rgba(255,255,255,.065);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.17);
  --r:18px;--r2:12px;--shadow:0 18px 60px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75;font-weight:400;direction:rtl;background:radial-gradient(1100px 520px at 88% -6%,rgba(51,153,255,.16),transparent 62%),radial-gradient(900px 520px at -12% 106%,rgba(255,51,102,.09),transparent 60%),linear-gradient(175deg,#0b1119 0%,#07090d 52%,#0a0e15 100%);background-attachment:fixed;min-height:100vh}a{color:inherit}.shell{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:40;background:rgba(9,13,19,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-in{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:25px;width:auto}.brand small{color:var(--dim);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.user-chip{font-size:13px;color:var(--dim);padding:6px 10px}.main{padding:34px 0 64px}.login-main{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(430px,100%);border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(51,153,255,.11),rgba(255,255,255,.025) 45%,rgba(255,51,102,.05));padding:38px 32px;box-shadow:var(--shadow)}.login-logo{height:32px;display:block;margin:0 auto 10px}.login-sub{text-align:center;font-size:12px;color:var(--dim);letter-spacing:.05em;margin-bottom:25px}.login-card h1,.page-title,.card h2,.card h3{font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--white);margin-top:0}.login-card h1{text-align:center;font-size:21px;margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--dim);margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:rgba(7,10,14,.58);border:1px solid var(--line-2);border-radius:12px;color:var(--white);font:inherit;padding:11px 13px;outline:none}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(51,153,255,.14)}.hint{font-size:12px;color:var(--faint);margin-top:5px}.btn{appearance:none;border:0;border-radius:11px;padding:10px 15px;font:600 13px "Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.2s;background:var(--blue);color:#fff}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px rgba(51,153,255,.22)}.btn-block{width:100%;padding:12px}.btn-secondary{background:transparent;border:1px solid var(--line-2);color:var(--text)}.btn-danger{background:rgba(255,51,102,.13);border:1px solid rgba(255,51,102,.4);color:#ff8faa}.btn-ghost{background:transparent;color:var(--dim);border:1px solid var(--line)}.btn-sm{padding:7px 10px;font-size:11.5px}.flash{border-radius:12px;padding:11px 14px;margin-bottom:16px;font-size:13px;border:1px solid var(--line)}.flash.success{background:rgba(74,214,154,.1);border-color:rgba(74,214,154,.3);color:#a6f1d1}.flash.error{background:rgba(255,51,102,.1);border-color:rgba(255,51,102,.3);color:#ff9ab2}.flash.info{background:rgba(51,153,255,.1);border-color:rgba(51,153,255,.3);color:#a7d5ff}.welcome{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,rgba(51,153,255,.1),rgba(255,255,255,.02));padding:26px 28px;margin-bottom:16px}.wh-logo{width:82px;height:82px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1.5px solid var(--line-2);overflow:hidden;padding:8px}.wh-logo img{width:100%;height:100%;object-fit:contain}.wh-logo .letter{font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-weight:700;font-size:36px;color:var(--blue-hi)}.welcome h1{font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(20px,3.5vw,28px);line-height:1.4;color:#fff;margin:0}.greet{color:var(--blue-hi);font-size:14px;margin-top:5px}.city{color:var(--dim);font-size:13px}.notice,.card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:20px 22px}.notice{margin-bottom:25px;font-size:14px}.notice-title{font:600 14px "Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:#fff;margin-bottom:6px}.years{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.year-tab{border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--dim);text-decoration:none;font-size:13px}.year-tab.active,.year-tab:hover{border-color:rgba(51,153,255,.5);background:rgba(51,153,255,.12);color:#fff}.months{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.month{position:relative;border-radius:13px;padding:20px 18px;border:1px solid var(--line);background:rgba(7,10,14,.4);text-align:center;text-decoration:none;transition:.2s}.month.active{border-color:rgba(51,153,255,.35)}.month.active:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 8px 30px rgba(51,153,255,.14)}.m-name{font:600 16px "Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--faint)}.month.active .m-name{color:#fff}.m-badge{font-size:11.5px;margin-top:7px;color:var(--faint)}.month.active .m-badge{color:var(--blue-hi)}.m-count{font-size:11px;color:var(--dim);margin-top:3px}.month.locked{opacity:.42;cursor:not-allowed;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.015),rgba(255,255,255,.015) 8px,transparent 8px,transparent 16px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.page-title{font-size:23px;margin:0}.section-head p{margin:3px 0 0;color:var(--dim);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:17px}.stat .value{font-size:27px;font-weight:700;color:#fff}.stat .label{font-size:12px;color:var(--dim)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{margin-bottom:16px}.card h2{font-size:16px;margin-bottom:15px}.card h3{font-size:14px;margin-bottom:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:12px 13px;text-align:right;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.table th{color:var(--dim);font-weight:500;background:rgba(255,255,255,.025)}.table tr:last-child td{border-bottom:0}.table a{color:var(--blue-hi);text-decoration:none}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:11px}.badge.on{color:#9fe7c7;border-color:rgba(74,214,154,.32);background:rgba(74,214,154,.08)}.badge.off{color:#ff9ab2;border-color:rgba(255,51,102,.32);background:rgba(255,51,102,.08)}.actions{display:flex;gap:7px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.logo-preview{width:84px;height:84px;border-radius:50%;object-fit:contain;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:8px}.reports-list{display:grid;gap:10px}.report-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px 15px;background:rgba(255,255,255,.025)}.report-item h3{margin:0 0 2px;font-size:14px}.report-meta{font-size:12px;color:var(--dim)}.report-viewer{height:calc(100vh - 150px);min-height:620px;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff}.empty{padding:28px;text-align:center;color:var(--dim);border:1px dashed var(--line-2);border-radius:14px}.foot{text-align:center;color:var(--faint);font-size:11px;margin-top:32px}.danger-note{font-size:12px;color:#ff9ab2}.mono{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.error-card{width:min(650px,calc(100% - 32px));margin:15vh auto;border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--panel);text-align:center}.error-card h1{color:#fff}.search{max-width:300px}.divider{height:1px;background:var(--line);margin:18px 0}
@media(min-width:560px){.months{grid-template-columns:repeat(3,1fr)}}@media(min-width:860px){.months{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.welcome{align-items:flex-start;padding:20px}.report-item{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.container{width:min(100% - 22px,1120px)}.login-card{padding:30px 22px}.months{grid-template-columns:1fr 1fr}.topbar-in{min-height:58px}.brand small,.user-chip{display:none}.stats{grid-template-columns:1fr 1fr}.main{padding-top:24px}}