@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #f6f7fb;--bg-deep: #eef0f7;--panel: #ffffff;--panel-raised: #f9fafc;--ink: #1a1d29;--ink-soft: #6b7086;--line: #e2e4ee;--accent: #3157c8;--accent-dim: #eaf0ff;--accent-hover: #2446a8;--accent-glow: #3157c8;--teal: #0f9d78;--teal-dim: #e2f6ef;--danger: #dc4545;--danger-dim: #fbeaea;--warning: #b45309;--warning-dim: #fff3c4;--ok: #15803d;--topbar-offset: 68px;--radius: 10px;--radius-lg: 12px;--fab-safe-bottom: calc(24px + env(safe-area-inset-bottom)) ;font-family:Cairo,sans-serif}[data-theme=dark]{--bg: #0b1220;--bg-deep: #131a2b;--panel: #131a2b;--panel-raised: #1a2237;--ink: #e5e7eb;--ink-soft: #94a3b8;--line: #253052;--accent: #6c8dff;--accent-dim: #1e2a4a;--accent-glow: #91a8ff;--teal: #14b8a6;--teal-dim: #0f2b28;--danger: #ef4444;--danger-dim: #3b1616;--warning-dim: #3a2a06}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Cairo,sans-serif;min-height:100vh}.mono{font-family:JetBrains Mono,monospace;direction:ltr;unicode-bidi:isolate;font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font:700 14px Cairo,sans-serif;color:var(--ink);background:var(--panel-raised);border:1.5px solid var(--line);padding:10px 16px;border-radius:9px;cursor:pointer;transition:filter .15s,transform .1s,background .15s,border-color .15s}button:hover,.btn:hover{filter:brightness(1.06);background:var(--panel)}button:active,.btn:active{transform:scale(.98)}button.primary,.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 18px -6px #3157c859}button.primary:hover,.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);filter:none}button.danger,.btn.danger{border-color:var(--danger);color:var(--danger);background:var(--panel)}button.danger:hover{background:var(--danger-dim)}button.ghost,.btn.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--panel-raised)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.mini-btn{padding:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-raised);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px}.mini-btn.edit:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.mini-btn.del:hover,.mini-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-dim)}input,select,textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font:14px Cairo,sans-serif;color:var(--ink);background:var(--bg-deep);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3157c826}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input[type=color]{padding:2px;height:40px}label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}textarea{min-height:70px;resize:vertical}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:20px;color:var(--ink-soft)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg)}.login-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 28px;width:100%;max-width:420px;box-shadow:0 30px 60px -30px #1a1d2940}.login-card .setup-logo{display:flex;justify-content:center;margin-bottom:16px}.login-card .logo-badge{width:44px;height:44px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -4px #3157c859}.login-card .logo-badge svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-card h1{font:800 22px Cairo,sans-serif;text-align:center;margin:0 0 6px;color:var(--ink);letter-spacing:-.02em}.login-card .sub{text-align:center;color:var(--ink-soft);font-size:13.5px;line-height:1.7;margin-bottom:22px}.login-card .field{margin-bottom:16px}.login-card .field input{padding:12px 14px;background:var(--bg-deep)}.login-card .error{background:var(--danger-dim);color:var(--danger);padding:11px 13px;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:14px}.login-card .theme-row{display:flex;justify-content:center;margin-top:18px}.login-card .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel-raised);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 16px;min-height:36px;font-size:12.5px}.login-card .theme-toggle:hover{background:var(--panel);border-color:var(--accent);color:var(--accent);filter:none}.login-card .theme-toggle .theme-icon{font-size:14px;line-height:1}.admin{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--accent);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 4px 20px -6px #3157c859;position:sticky;top:0;z-index:70}.topbar .topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar .logo-badge{width:46px;height:46px;border-radius:12px;background:#ffffff29;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff4d,0 4px 14px -2px #0003;flex-shrink:0}.topbar .logo-badge svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar .title{font:800 20px Cairo,sans-serif;letter-spacing:-.02em;color:#fff}.topbar .sub{font-size:12px;color:#ffffffbf}.topbar .spacer{flex:1}.topbar .user-badge{padding:3px 10px;border-radius:12px;background:#ffffff21;color:#ffffffeb;font-size:11px;font-weight:700}.topbar .icon-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:9px;min-height:38px;padding:8px 12px;font:700 12.5px Cairo,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar .icon-btn:hover{background:#ffffff38;border-color:#ffffff80}.mobile-menu-btn{display:none;width:44px;height:44px;padding:0;align-items:center;justify-content:center}.mobile-menu-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.layout{display:flex;flex:1;min-height:0}.sidebar{width:216px;flex-shrink:0;background:var(--panel);border-inline-end:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar .tab{font:700 13px Cairo,sans-serif;display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:11px 12px;border-radius:10px;border:none;background:transparent;cursor:pointer;color:var(--ink-soft);transition:background .15s,color .15s;text-decoration:none}.sidebar .tab:hover{background:var(--panel-raised);color:var(--ink)}.sidebar .tab.active{background:var(--accent-dim);color:var(--accent)}.sidebar .tab .tab-icon{font-size:16px;width:20px;text-align:center}.content{flex:1;min-width:0;padding:16px;max-width:900px;margin:0 auto;width:100%}.toolbar-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.toolbar-row .field{flex:1 1 200px;margin:0}.toolbar-row .field label{display:none}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.row .field{flex:1 1 180px}.record-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 20px -18px #1a1d2966;margin-bottom:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:0 8px 20px -18px #1a1d2966}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line);font-size:13px}th{background:var(--panel-raised);color:var(--ink-soft);font-weight:700;font-size:12px;text-transform:none;white-space:nowrap}tr:last-child td{border-bottom:0}tr:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}td .thumb{flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font:800 11px Cairo,sans-serif;gap:4px}.badge.critical{color:#b42318;background:#fee4e2}.badge.low{color:#7a5900;background:#fff3c4}.badge.ok{color:var(--teal);background:var(--teal-dim)}[data-theme=dark] .badge.critical{color:#fca5a5;background:#4c1a1a}[data-theme=dark] .badge.low{color:#fcd34d;background:#3a2a06}.thumb{width:46px;height:46px;border-radius:9px;object-fit:cover;background:var(--bg-deep);border:1px solid var(--line);display:inline-block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b10b3;display:flex;align-items:flex-end;justify-content:center;z-index:60;padding:0}.modal{background:var(--panel);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:20px 20px 28px;border-top:1px solid var(--line);box-shadow:0 -20px 60px -20px #00000080;position:relative}.modal:before{content:"";display:block;width:40px;height:4px;background:var(--line);border-radius:4px;margin:0 auto 14px}.modal h2{font:800 18px Cairo,sans-serif;margin:0 0 16px;color:var(--ink)}.modal .actions{display:flex;gap:10px;justify-content:end;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}[dir=rtl] .modal .actions{justify-content:start}.modal .stack>*+*{margin-top:14px}.modal-backdrop.centered{align-items:center;padding:20px}.modal-backdrop.centered .modal{border-radius:16px;max-width:760px;box-shadow:0 24px 70px -25px #0009}.modal-backdrop.centered .modal:before{display:none}.fab{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:var(--fab-safe-bottom);width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;border:0;display:grid;place-items:center;font-size:22px;box-shadow:0 8px 22px -8px #3157c87a;cursor:pointer;transition:transform .15s,box-shadow .15s;z-index:45}.fab:hover{transform:translateY(-2px);box-shadow:0 11px 25px -8px #3157c899;background:var(--accent)}.fab.voice{bottom:calc(var(--fab-safe-bottom) + 64px);background:var(--teal);box-shadow:0 8px 22px -8px #0f9d787a}.fab.voice:hover{background:var(--teal);box-shadow:0 11px 25px -8px #0f9d7899}.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:16px;box-shadow:0 6px 14px -14px #0000008c}.tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);font:600 14px Cairo,sans-serif;cursor:pointer}.tabs button.active{background:var(--accent);color:#fff}.qr-print-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}.qr-print-sheet .qr-cell{display:grid;justify-items:center;gap:7px;padding:12px 8px;border:1px dashed var(--line);border-radius:10px;background:#fff;color:#1a1d29;text-align:center;break-inside:avoid}.qr-print-sheet .qr-cell canvas{width:128px;height:128px;image-rendering:pixelated}td:has(>span.mono),td.num{font-family:JetBrains Mono,monospace;direction:ltr;unicode-bidi:isolate;font-weight:700}.stack>*+*{margin-top:10px}.hidden{display:none!important}.spacer{flex:1}@media print{.topbar,.sidebar,.fab,.no-print,.toolbar-row{display:none!important}.admin,.layout{display:block}.content{padding:0;max-width:none}.modal-backdrop{position:static;background:transparent}.modal{max-width:none;max-height:none;box-shadow:none;border:0;padding:0}.modal:before,.modal .actions{display:none}}@media (max-width: 768px){.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar .title{font-size:17px}.mobile-menu-btn{display:inline-flex}.layout{display:block}.content{max-width:none;margin:0;padding:12px 10px calc(120px + env(safe-area-inset-bottom))}.sidebar{position:fixed;z-index:82;inset-block:0;inset-inline-start:0;width:min(86vw,320px);padding:14px;transform:translate(-105%);transition:transform .22s ease;box-shadow:12px 0 32px -18px #1a1d298c}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f12207a;z-index:81;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.sidebar-backdrop.show{opacity:1;visibility:visible}}