:root{--bg: #f4f7f5;--bg-soft: #eaf0ec;--surface: #ffffff;--surface-2: #f8faf9;--ink: #16211c;--ink-soft: #3c4d45;--muted: #64756d;--line: #e0e7e3;--line-strong: #cfd9d3;--accent: #0f6b4f;--accent-hover: #0c5a42;--accent-ink: #ffffff;--accent-soft: #e3f2ea;--accent-ring: rgba(15, 107, 79, .35);--gold: #c8962a;--gold-soft: #fbf1dc;--gold-ink: #6d4c0c;--danger: #b3261e;--danger-soft: #fde7e5;--ok-soft: #e3f2ea;--ok-ink: #0f4f3a;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 32, 26, .05);--shadow: 0 2px 8px rgba(16, 32, 26, .07), 0 1px 2px rgba(16, 32, 26, .04);--shadow-lg: 0 12px 32px rgba(16, 32, 26, .12);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--sidebar-w: 236px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0c1411;--bg-soft: #101a16;--surface: #141f1a;--surface-2: #18251f;--ink: #e7efea;--ink-soft: #c2d1c8;--muted: #8fa399;--line: #22312a;--line-strong: #2d4038;--accent: #2f8e6d;--accent-hover: #37a37d;--accent-ink: #06130e;--accent-soft: #1b3a2e;--accent-ring: rgba(55, 163, 125, .4);--gold: #d9ab4a;--gold-soft: #3a2f16;--gold-ink: #f0d9a8;--danger: #f08a83;--danger-soft: #3a1d1b;--ok-soft: #1b3a2e;--ok-ink: #bfe6d3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.01em}:where(button,input,select,textarea,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.login{min-height:100%;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(1200px 500px at 50% -10%,var(--accent-soft),transparent 70%),var(--bg)}.login form{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s6) var(--s5);display:grid;gap:var(--s3);box-shadow:var(--shadow-lg)}.login h1{margin:0 0 var(--s1);font-size:22px}.login p{margin:0;color:var(--muted)}.field{display:grid;gap:6px}.field label,.form label,label{font-size:12px;color:var(--muted);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input:not([type]),select,textarea,.field input,.field select,.field textarea,.toolbar input,.toolbar select{padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease;max-width:100%}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:default}textarea{resize:vertical;min-height:72px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;vertical-align:-2px;margin-right:6px}.form{display:grid;gap:var(--s3)}.form label{margin-bottom:-4px}.form input,.form select,.form textarea{width:100%}.form .row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.form .row>.btn{flex:0 0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s4);margin-bottom:var(--s3)}.row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.stack{display:grid;gap:var(--s3)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--danger);border-color:var(--danger);background:var(--surface)}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--bg-soft)}.btn.small{padding:5px 10px;font-size:13px}button.link{background:none;border:0;color:var(--muted);text-decoration:underline;padding:0;justify-self:start;font-size:13px}button.link:hover{color:var(--ink)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:var(--s4) var(--s3) var(--s3);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-weight:700;font-size:16px;padding:var(--s2) var(--s3) var(--s4);letter-spacing:-.01em}.brand small{display:block;font-weight:500;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.nav-group{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:var(--s4) var(--s3) var(--s1)}.nav-group:first-of-type{padding-top:var(--s1)}.nav-btn{text-align:left;border:0;background:transparent;padding:9px var(--s3);border-radius:var(--radius-sm);color:var(--ink-soft);font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);position:relative;transition:background .15s ease,color .15s ease}.nav-btn:hover{background:var(--bg-soft);color:var(--ink)}.nav-btn.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.nav-btn.active:hover{background:var(--accent-hover)}.nav-btn .count{font-size:11px;font-weight:700;background:var(--gold);color:#241a05;border-radius:var(--radius-pill);padding:1px 7px;font-variant-numeric:tabular-nums}.nav-btn.active .count{background:var(--accent-ink);color:var(--accent)}.sidebar .spacer{flex:1;min-height:var(--s4)}.sidebar .meta{font-size:12px;color:var(--muted);padding:var(--s3);margin-bottom:var(--s2);background:var(--bg-soft);border-radius:var(--radius-sm);word-break:break-word}.sidebar .meta strong{color:var(--ink);font-size:13px}.main{padding:var(--s5) var(--s6);min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.page-head h2{margin:0;font-size:21px;font-weight:700}.page-head .muted{font-size:13px}.toolbar{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.section-title{margin:var(--s1) 0 var(--s2);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.tabs{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s4);border-bottom:1px solid var(--line);flex-wrap:wrap}.tab{border:0;background:transparent;color:var(--muted);font-weight:600;padding:var(--s2) var(--s3);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease,background .15s ease}.tab:hover{color:var(--ink);background:var(--bg-soft)}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow-sm)}.card .label{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.card .value{font-size:28px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.card .sub{color:var(--muted);font-size:12px;margin-top:4px}.card h3{margin:0 0 6px;font-size:15px}.card p{margin:0 0 var(--s2)}.card h3+p.muted{margin:0}.card.clickable{cursor:pointer;transition:box-shadow .15s ease,transform .05s ease,border-color .15s ease}.card.clickable:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.card.form{display:grid;gap:var(--s3);margin-bottom:var(--s4)}.card.form h3{margin-bottom:0}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:var(--surface-2);position:sticky;top:0;z-index:1;white-space:nowrap}tbody tr{transition:background .12s ease}tbody tr:hover td{background:var(--surface-2)}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.wrap{white-space:pre-wrap;word-break:break-word;max-width:520px}td.actions{white-space:nowrap;text-align:right}td.actions .btn{margin-left:var(--s1)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.pill,.badge{display:inline-block;padding:2px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;white-space:nowrap}.pill.ok,.badge.ok{background:var(--ok-soft);color:var(--ok-ink)}.pill.warn,.badge.warn{background:var(--gold-soft);color:var(--gold-ink)}.pill.bad,.badge.bad{background:var(--danger-soft);color:var(--danger)}.empty{padding:var(--s6);text-align:center;color:var(--muted)}.error-box,.error,.ok-box,.notice{padding:10px var(--s3);border-radius:var(--radius-sm);margin-bottom:var(--s3);font-weight:500;border:1px solid transparent}.error-box,.error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.ok-box,.notice{background:var(--ok-soft);color:var(--ok-ink);border-color:color-mix(in srgb,var(--accent) 25%,transparent);word-break:break-word}p.error,p.notice{margin-top:0}.detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);margin-top:var(--s3);box-shadow:var(--shadow-sm)}.detail pre{margin:var(--s2) 0 0;padding:var(--s3);background:#0f1714;color:#e6ede9;border-radius:var(--radius-sm);overflow:auto;max-height:60vh;font-size:12px;line-height:1.6}.detail dl,.details{display:grid;grid-template-columns:140px 1fr;gap:6px var(--s3);margin:0}.details{grid-template-columns:120px 1fr;gap:var(--s2) var(--s3)}.detail dt,.details dt{color:var(--muted)}.detail dd,.details dd{margin:0}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--accent-soft);vertical-align:middle;border:1px solid var(--line)}.avatar.big{width:72px;height:72px}.avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--ok-ink)}.avatar.big.placeholder{font-size:24px}.head-user{display:flex;gap:var(--s3);align-items:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s2) var(--s4)}.settings-grid .k{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.settings-grid .v{margin-top:2px;word-break:break-word}.rtl{direction:rtl;text-align:right}.arabic{direction:rtl;text-align:right;font-family:Amiri,Scheherazade New,Noto Naskh Arabic,Traditional Arabic,serif;font-size:19px;line-height:1.9}[dir=rtl]{text-align:right}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:var(--s3)}.bars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:18px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.bar-value{font-size:11px;color:var(--muted);height:16px;line-height:16px;font-variant-numeric:tabular-nums}.bar{width:100%;max-width:34px;background:var(--accent-soft);border-radius:6px 6px 3px 3px;display:flex;flex-direction:column;justify-content:flex-end;min-height:2px;overflow:hidden}.bar-part{background:var(--accent);border-radius:6px 6px 0 0}.bar-label{font-size:11px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.legend{display:flex;gap:var(--s4);margin-top:var(--s2);font-size:12px;color:var(--muted)}.legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:4px}.legend .sw.dark{background:var(--accent)}.legend .sw.light{background:var(--accent-soft)}.hbars{display:grid;gap:var(--s2)}.hbar{display:grid;grid-template-columns:minmax(90px,130px) 1fr minmax(90px,150px);align-items:center;gap:var(--s2)}.hbar-label{font-weight:600;font-size:13px}.hbar-track{background:var(--bg-soft);border-radius:6px;height:16px;overflow:hidden}.hbar-fill{height:100%;background:var(--accent-soft);border-radius:6px;min-width:2px}.hbar-fill.gold{background:var(--gold-soft);border-right:3px solid var(--gold)}.hbar-part{height:100%;background:var(--accent);border-radius:6px 0 0 6px}.hbar-value{font-size:13px;font-variant-numeric:tabular-nums}.progress{background:var(--bg-soft);border-radius:6px;height:10px;overflow:hidden}.progress>div{height:100%;background:var(--gold);border-radius:6px}.row-line{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-top:1px solid var(--line);font-size:13px}.row-line:first-of-type{border-top:0}.row-line .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-line.clickable{cursor:pointer}.attention{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);padding:var(--s2) var(--s3);box-shadow:var(--shadow-sm)}.attention-item{border:0;border-radius:var(--radius-pill);padding:6px var(--s3);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.attention-item.warn{background:var(--gold-soft);color:var(--gold-ink)}.attention-item.bad{background:var(--danger-soft);color:var(--danger)}.daygrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-width:640px}.daygrid .day{border-radius:var(--radius-sm);padding:6px 4px;text-align:center;font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:2px;border:1px solid transparent}.daygrid .day small{font-weight:500;font-size:10px;opacity:.85}.daygrid .day.full{background:var(--ok-soft);color:var(--ok-ink)}.daygrid .day.partial{background:var(--gold-soft);color:var(--gold-ink)}.daygrid .day.none{background:var(--danger-soft);color:var(--danger)}.daygrid .day.future{background:transparent;color:var(--muted);border-color:var(--line)}.password-input{position:relative;display:flex}.password-input input{flex:1;padding:9px 44px 9px 11px;min-width:0}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:16px;line-height:1;padding:6px var(--s2);border-radius:6px;opacity:.7}.password-toggle:hover{opacity:1;background:var(--bg-soft)}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;height:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--s2) var(--s3);border-right:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.sidebar::-webkit-scrollbar{display:none}.brand{padding:var(--s1) var(--s3) var(--s1) 0;white-space:nowrap;font-size:15px}.brand small,.nav-group{display:none}.nav-btn{white-space:nowrap;padding:7px var(--s3);flex:0 0 auto}.sidebar .spacer,.sidebar .meta{display:none}.sidebar .btn{flex:0 0 auto}.main{padding:var(--s3) var(--s3) var(--s5)}.page-head{align-items:flex-start}.page-head h2{font-size:18px}.page-head .toolbar{width:100%}.toolbar input,.toolbar select{flex:1 1 140px;min-width:0}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s2)}.card{padding:var(--s3)}.card .value{font-size:22px}th,td{padding:9px var(--s2)}table{min-width:560px}td.wrap{max-width:260px}.detail dl,.details{grid-template-columns:96px 1fr}.detail pre{font-size:11px}.form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hbar{grid-template-columns:1fr;gap:var(--s1)}.hbar-value{font-size:12px}.bars{gap:3px;height:140px}.bar-label{font-size:10px}.daygrid{gap:4px}.daygrid .day{font-size:11px;padding:4px 2px}.daygrid .day small{font-size:9px}.attention{padding:var(--s2)}.settings-grid{grid-template-columns:1fr}.head-user{gap:var(--s2)}.avatar.big{width:56px;height:56px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.choices{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s1)}.chip{font:inherit;font-size:.82rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px 10px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.chip:hover:not(:disabled){border-color:var(--accent)}.chip:disabled{opacity:.6;cursor:default}.chip.on{border-color:var(--accent);background:var(--surface)}.chip-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-right:4px}