:root,[data-theme=light]{--brand: #25374A;--brand-hover: #31475F;--brand-soft: #E9EEF4;--bg: #F6F8FA;--surface: #FFFFFF;--surface-2: #F0F3F7;--line: #E4E9EF;--text: #0F1722;--muted: #5A6B80;--on-brand: #FFF;--up: #16A374;--down: #DC4C4C;--unknown: #9AA7B5;--warn-bg: #FFF4E0;--warn-text: #8A5A00;--info-bg: #E9F1FC;--info-text: #1D4E89;--radius: 12px;--shadow: 0 1px 2px rgba(15,23,34,.05), 0 3px 12px rgba(15,23,34,.05);--shadow-hover: 0 3px 6px rgba(15,23,34,.08), 0 10px 24px rgba(15,23,34,.1)}[data-theme=dark]{--brand: #7FA3C8;--brand-hover: #96B5D4;--brand-soft: #22344A;--bg: #0E151E;--surface: #17222E;--surface-2: #1E2C3C;--line: #2A3A4C;--text: #F2F6FA;--muted: #8FA1B5;--on-brand: #0E151E;--up: #3ECF8E;--down: #EF6B6B;--unknown: #5C6B7F;--warn-bg: #3A2E14;--warn-text: #F2C063;--info-bg: #16283D;--info-text: #8FC0F5;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 3px 12px rgba(0,0,0,.22);--shadow-hover: 0 3px 6px rgba(0,0,0,.35), 0 10px 24px rgba(0,0,0,.3)}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:13.5px;font-weight:500;background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}strong{font-weight:700}.shell{max-width:1140px;margin:0 auto;padding:0 20px}.en{direction:ltr;font-size:.85em;color:var(--muted);font-style:normal}.muted{color:var(--muted)}.between{display:flex;justify-content:space-between;align-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:10px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--brand-hover));transform:skew(-12deg)}.brand-name{font-weight:700;font-size:.98rem}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-name{color:var(--muted);font-size:.8rem}.bell-wrap{position:relative}.bell-count{position:absolute;top:-2px;left:-2px;background:var(--down);color:#fff;font-size:.6rem;font-weight:700;border-radius:999px;min-width:15px;height:15px;display:grid;place-items:center;padding:0 3px}.bell-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:300px;max-height:360px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hover);padding:8px}.bell-item{padding:9px 10px;border-radius:8px}.bell-item:hover{background:var(--surface-2)}.btn{font:inherit;cursor:pointer;border-radius:9px;padding:7px 14px;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:background .12s,border-color .12s,transform .08s}.btn:hover{background:var(--surface-2);border-color:var(--brand)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:700}.btn.primary:hover{background:var(--brand-hover)}.btn.danger{color:var(--down)}.btn.danger:hover{border-color:var(--down)}.btn.ghost{background:transparent;color:var(--muted)}.btn.icon{padding:7px 10px;background:transparent;position:relative}.btn.sm{padding:4px 11px;font-size:.8rem}.hero{position:relative;overflow:hidden;margin:24px 0 12px;padding:34px 32px;border-radius:22px;background:radial-gradient(600px 240px at 100% 0%,rgba(127,163,200,.18),transparent 65%),radial-gradient(500px 200px at 0% 100%,rgba(62,92,122,.18),transparent 60%),linear-gradient(140deg,#25374a,#2e4460 55%,#3e5c7a);color:#fff;box-shadow:0 20px 50px #25374a40}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.hero-main{flex:1;min-width:260px}.hero-side{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.meta-pill{font-size:.74rem;font-weight:600;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.14);padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:5px}.hero h1{margin:0 0 6px;font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.3px}.hero-name{background:linear-gradient(90deg,#c4d8ed,#e8eff8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{margin:0;opacity:.82;font-size:.88rem}.hero-stat{display:flex;flex-direction:column;align-items:flex-end;padding:12px 18px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:100px}.hero-stat-num{font-size:1.6rem;font-weight:800;line-height:1;color:#fff}.hero-stat-label{font-size:.68rem;opacity:.8;margin-top:4px}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 180px at 88% -10%,rgba(200,220,240,.22),transparent 65%),radial-gradient(300px 150px at 10% 110%,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.motivation-strip{display:flex;align-items:center;gap:10px;padding:6px 4px;margin:4px 0 18px;font-size:.88rem;color:var(--muted);font-weight:500;animation:fadeIn .5s ease-out}.motivation-strip:before{content:"";width:3px;height:22px;border-radius:2px;background:linear-gradient(180deg,var(--brand),var(--brand-hover));flex-shrink:0}.search{width:100%;max-width:460px;font:inherit;padding:11px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.search.sm{max-width:300px;padding:8px 12px;box-shadow:none}.search::placeholder{color:var(--muted)}.search:focus{outline:none;border-color:var(--brand)}.banner{border-radius:10px;padding:10px 14px;margin:8px 0;font-size:.84rem;line-height:1.7;background:var(--info-bg);color:var(--info-text);border:1px solid color-mix(in srgb,var(--info-text) 22%,transparent)}.banner.warn{background:var(--warn-bg);color:var(--warn-text);border-color:color-mix(in srgb,var(--warn-text) 25%,transparent)}.banner .cred{display:block;direction:ltr;text-align:left;font-family:monospace;margin-top:4px;-webkit-user-select:all;user-select:all}.category{margin:20px 0}.category-title{font-size:.74rem;font-weight:700;color:var(--brand);letter-spacing:.4px;margin:0 0 10px;display:flex;align-items:center;gap:10px}.category-title:after{content:"";flex:1;height:1px;background:var(--line)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.card{display:flex;flex-direction:column;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s,border-color .12s}a.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand)}.card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card.disabled{opacity:.6;cursor:not-allowed}.card-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}.card-icon{font-size:1.35rem}.card-logo{width:32px;height:32px;object-fit:contain;border-radius:8px;background:var(--surface-2);padding:3px}.card-name{margin:0;font-size:.92rem;font-weight:700;line-height:1.35}.card-name-en{font-size:.7rem;color:var(--muted);direction:ltr;text-align:right}.card-desc{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{margin-top:auto;padding-top:7px;display:flex;justify-content:space-between;align-items:center}.server-tag{font-size:.64rem;color:var(--muted);background:var(--surface-2);border-radius:5px;padding:2px 7px;direction:ltr}.card-open{color:var(--brand);font-size:.74rem;font-weight:700;opacity:0;transition:opacity .12s}a.card:hover .card-open{opacity:1}.dot{width:8px;height:8px;border-radius:50%}.dot.up{background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 18%,transparent)}.dot.down{background:var(--down);box-shadow:0 0 0 3px color-mix(in srgb,var(--down) 18%,transparent)}.dot.unknown{background:var(--unknown)}.badge{font-size:.66rem;font-weight:700;border-radius:5px;padding:2px 7px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.maint,.badge.test{background:var(--warn-bg);color:var(--warn-text)}.badge.live{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}.notice{color:var(--muted);padding:8px 0;font-size:.82rem}.notice.error{color:var(--down)}.modules{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-bottom:10px}.module{font:inherit;cursor:pointer;text-align:right;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 18px;color:var(--text);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s,border-color .12s}.module:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--brand)}.module:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.module-icon{font-size:1.5rem;width:44px;height:44px;display:grid;place-items:center;background:var(--brand-soft);border-radius:11px;margin-bottom:4px}.module strong{font-size:.95rem}.module small{color:var(--muted);font-size:.74rem;font-weight:400}.mod-head{display:flex;align-items:center;gap:12px;padding:20px 0 4px}.panel{padding:12px 0}.panel-title{font-size:.95rem;font-weight:700;margin:18px 0 12px}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel-card.on{border-color:var(--brand)}.panel-card.soon{opacity:.55}.panel-card h3{margin:0 0 8px;font-size:.88rem}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:.74rem;color:var(--muted);font-weight:700}.field.span2{grid-column:span 2}.field input,.field select,.stack input,.test-row input{font:inherit;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.field input:focus,.field select:focus,.stack input:focus,.test-row input:focus{outline:none;border-color:var(--brand)}.form-actions{display:flex;gap:8px;margin-top:14px}.logo-picker{display:flex;align-items:center;gap:8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;border-radius:999px;padding:4px 12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:all .12s}.chip:hover{border-color:var(--brand)}.chip.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.check-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;cursor:pointer;margin:4px 0}.check-row input{accent-color:var(--brand);width:15px;height:15px}.rows{list-style:none;padding:0;margin:0;display:grid;gap:7px}.rows li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 13px;flex-wrap:wrap}.rows li.row-disabled{opacity:.55}.row-info{display:flex;align-items:center;gap:10px;min-width:0}.row-info strong{font-size:.86rem}.row-info small{display:block;color:var(--muted);font-size:.7rem;direction:ltr;text-align:right;font-weight:400}.row-actions,.row-side{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mini-logo{width:26px;height:26px;object-fit:contain;border-radius:6px;background:var(--surface-2)}.mini-icon{font-size:1.1rem}.avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:.8rem}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table td{padding:8px 10px;border-bottom:1px solid var(--line)}.event{font-weight:700}.event.ok{color:var(--up)}.event.bad{color:var(--down)}.integrations-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stack{display:grid;gap:8px;margin-top:8px}.test-row{display:flex;gap:8px;margin-top:10px}.test-row input{flex:1;min-width:140px}.hero-compact{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0 18px;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,#25374a,#2e4460,#3e5c7a);color:#fff;box-shadow:0 8px 24px #25374a2e}.hero-c-main{min-width:0;flex:1}.hero-c-main h1{margin:0 0 3px;font-size:1.15rem;font-weight:700;color:#fff}.hero-c-sub{margin:0;font-size:.78rem;opacity:.85;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dot-sep{opacity:.5}.hero-motivation-inline{font-style:italic}.hero-c-side{display:flex;gap:8px;flex-wrap:wrap}.hero-c-item{font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;gap:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f17228c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;animation:fadeIn .18s ease-out}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 30px 60px #0000004d;margin:20px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.modal-head h3{margin:0 0 3px;font-size:1rem}.modal-head small{display:block}.access-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 0;margin-bottom:12px}.access-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .1s}.access-row:hover{background:var(--surface-2)}.access-row input{accent-color:var(--brand);width:16px;height:16px}.access-info{min-width:0;flex:1}.access-info strong{font-size:.86rem;display:block}.access-info small{color:var(--muted);font-size:.72rem;direction:ltr;text-align:right;display:block}.modal-foot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.login-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:12px;margin-bottom:18px}[data-theme=dark] .login-tabs{background:#ffffff0a}.login-tab{flex:1;font:inherit;cursor:pointer;border:none;padding:8px 6px;border-radius:9px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;transition:background .15s,color .15s}[data-theme=dark] .login-tab{color:#eaf0f699}.login-tab:hover{color:var(--text)}[data-theme=dark] .login-tab:hover{color:#eaf0f6}.login-tab.active{background:linear-gradient(135deg,#25374a,#3e5c7a);color:#fff;box-shadow:0 4px 12px #25374a40}.chip-x{margin-inline-start:6px;padding:0 5px;background:transparent;border:none;cursor:pointer;color:#ffffffb3;font-size:1rem;line-height:1;border-radius:4px}.chip-x:hover{color:#fff;background:#fff3}.login-shell{min-height:100vh;width:100%;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;color:var(--text);background:var(--bg)}[data-theme=dark] .login-shell{background:#131e2a;color:#eaf0f6}.login-theme-toggle{position:fixed;top:20px;left:20px;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.1rem;box-shadow:var(--shadow)}[data-theme=dark] .login-theme-toggle{background:#ffffff0f;border-color:#ffffff1a;color:#eaf0f6}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(37,55,74,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,55,74,.06) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}[data-theme=dark] .login-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.login-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25;animation:gfloat 10s ease-in-out infinite}[data-theme=dark] .login-glow{opacity:.4}.login-glow.g1{top:10%;right:8%;width:380px;height:380px;background:#25374a}.login-glow.g2{bottom:5%;left:8%;width:340px;height:340px;background:#3e5c7a;animation-delay:-4s}@keyframes gfloat{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:36px 32px;box-shadow:0 24px 60px #25374a24,inset 0 1px #ffffff80}[data-theme=dark] .login-card{background:#1e2c3ccc;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border-color:#ffffff14;box-shadow:0 24px 60px #00000080,0 0 0 1px #7fa3c814,inset 0 1px #ffffff0d}.login-logo{text-align:center;margin-bottom:26px}.logo-mark{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#25374a,#3e5c7a);display:grid;place-items:center;box-shadow:0 12px 32px #25374a59,inset 0 1px #ffffff26}.logo-mark span{font-size:30px;color:#fff;line-height:1}.brand-logo{width:76px;height:76px;margin:0 auto 14px;object-fit:contain;display:block;border-radius:16px;padding:8px;background:var(--surface-2)}[data-theme=dark] .brand-logo{background:#ffffff0f}.login-logo h1{margin:0 0 4px;font-size:1.5rem;font-weight:800;color:var(--text)}.login-logo p{margin:0;color:var(--muted);font-size:.82rem}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px}.login-form label>span{font-size:.78rem;font-weight:600;color:var(--muted)}.login-form input{font:inherit;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.92rem;transition:border-color .18s,background .18s,box-shadow .18s}[data-theme=dark] .login-form input{background:#ffffff0a;border-color:#ffffff14;color:#eaf0f6}.login-form input::placeholder{color:var(--muted)}.login-form input:focus{outline:none;border-color:#25374a;box-shadow:0 0 0 4px #25374a1f}[data-theme=dark] .login-form input:focus{border-color:#7fa3c8;box-shadow:0 0 0 4px #7fa3c826;background:#7fa3c80f}.login-btn{font:inherit;cursor:pointer;margin-top:6px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#25374a,#3e5c7a);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 8px 20px #25374a4d,inset 0 1px #ffffff1f;transition:transform .12s,box-shadow .18s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #25374a66,inset 0 1px #ffffff26}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-err{padding:10px 14px;border-radius:10px;background:#dc4c4c1a;border:1px solid rgba(220,76,76,.28);color:#dc4c4c;font-size:.82rem}[data-theme=dark] .login-err{color:#ef8b8b}.login-hint{margin:6px 0 0;text-align:center;color:var(--muted);font-size:.76rem}.login-foot-out{position:absolute;bottom:16px;z-index:1;color:var(--muted);font-size:.72rem}.hero-motivation{margin:12px 0 0;padding:10px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.85rem;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pages-editor{margin-top:16px;padding:14px;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;display:grid;gap:10px}.page-row{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;gap:8px}.page-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-head strong{font-size:.84rem}.page-head code{background:var(--surface-2);padding:2px 8px;border-radius:6px;font-size:.74rem;direction:ltr}.page-head .btn{margin-inline-start:auto}.page-new{display:grid;gap:8px;grid-template-columns:2fr 1fr auto}.page-new input{font:inherit;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.page-new input:focus{outline:none;border-color:var(--brand)}.zaki-fab{position:fixed;bottom:22px;left:22px;z-index:40;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 8px 24px #3b82f666,0 0 0 4px #3b82f626;display:grid;place-items:center;transition:transform .18s,box-shadow .18s;animation:zaki-in .4s cubic-bezier(.34,1.56,.64,1)}.zaki-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px #3b82f680}.zaki-fab.hidden{display:none}.zaki-avatar{font-size:1.6rem}.zaki-avatar.sm{font-size:1.1rem}.fab-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 3px #ff4d6d4d;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes zaki-in{0%{opacity:0;transform:translateY(20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.zaki-nudge{position:fixed;bottom:90px;left:22px;z-index:40;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 14px 10px 12px;max-width:300px;font:inherit;font-size:.82rem;text-align:right;color:var(--text);cursor:pointer;box-shadow:0 12px 32px #0f172226;animation:nudge-in .35s cubic-bezier(.34,1.56,.64,1)}.zaki-nudge:hover{border-color:var(--brand)}.nudge-icon{font-size:1.05rem;margin-inline-end:4px}.nudge-x{margin-inline-start:6px;color:var(--muted);font-size:.8rem;padding:2px 6px;border-radius:6px}.nudge-x:hover{background:var(--surface-2);color:var(--text)}@keyframes nudge-in{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.zaki-panel{position:fixed;bottom:22px;left:22px;z-index:41;width:360px;max-width:calc(100vw - 44px);height:520px;max-height:calc(100vh - 44px);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px #0f172240;display:flex;flex-direction:column;overflow:hidden;animation:zaki-in .3s cubic-bezier(.34,1.56,.64,1)}.zaki-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.zaki-head-info{display:flex;align-items:center;gap:10px}.zaki-head strong{font-size:.95rem;display:block}.zaki-head small{font-size:.7rem;opacity:.85;display:block}.zaki-head .btn{color:#fff;border-color:#ffffff4d}.zaki-head .btn:hover{background:#ffffff26;border-color:#ffffff80}.zaki-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.bubble{max-width:82%;padding:9px 13px;border-radius:14px;font-size:.84rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.bubble.assistant{background:var(--surface);color:var(--text);border-top-right-radius:4px;align-self:flex-start;box-shadow:var(--shadow)}.bubble.user{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-top-left-radius:4px;align-self:flex-end}.bubble.typing{display:flex;gap:4px;padding:12px 14px}.bubble.typing span{width:6px;height:6px;background:var(--muted);border-radius:50%;animation:typing 1.4s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.zaki-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface)}.zaki-input input{flex:1;font:inherit;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.zaki-input input:focus{outline:none;border-color:var(--brand)}@media (max-width: 560px){.zaki-fab{bottom:16px;left:16px}.zaki-nudge{bottom:80px;left:16px;max-width:calc(100vw - 32px)}.zaki-panel{width:calc(100vw - 32px);left:16px;height:calc(100vh - 100px)}}.footer{color:var(--muted);font-size:.72rem;padding:34px 0 20px;text-align:center}@media (prefers-reduced-motion: reduce){*{transition:none!important}a.card:hover,.module:hover{transform:none}}@media (max-width: 560px){.hero{padding:22px 18px}.hero h1{font-size:1.3rem}.field.span2{grid-column:span 1}}.portal-search{margin:14px 0 4px}.portal-search input{width:100%;max-width:460px;height:42px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 14px;font-size:.95rem}.portal-search input:focus{outline:none;border-color:var(--brand)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:18px 0 6px;flex-wrap:wrap}.hero-title{margin:0;font-size:1.5rem;letter-spacing:-.3px}.hero-motiv{margin:6px 0 0;color:var(--muted);font-size:.9rem}.hero-side{text-align:end}.hero-clock{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.hero-count{color:var(--muted);font-size:.78rem}.usermenu{position:relative}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:.8rem;cursor:pointer}.avatar:hover{border-color:var(--brand)}.usermenu-pop{position:absolute;inset-inline-end:0;top:42px;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hover);padding:10px;min-width:160px;display:flex;flex-direction:column;gap:8px}.usermenu-name{font-weight:700;font-size:.85rem}.bell{position:relative}.bell-dot{position:absolute;top:4px;inset-inline-end:4px;width:7px;height:7px;border-radius:50%;background:var(--down)}.bell-pop{position:absolute;inset-inline-end:0;top:42px;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hover);padding:8px;width:280px;max-height:340px;overflow-y:auto}.bell-item{padding:8px;border-bottom:1px solid var(--line);font-size:.85rem}.bell-item:last-child{border-bottom:0}.bell-item p{margin:3px 0;color:var(--muted);font-size:.78rem}.bell-item small{color:var(--muted);font-size:.68rem}.bell-empty{color:var(--muted);text-align:center;padding:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.panel-sub{margin:0 0 14px;font-size:1rem}.hint{color:var(--muted);font-size:.82rem;margin:0 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 .col2{grid-column:1 / -1}.grid2 label,.panel>label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--muted);font-weight:500;margin-bottom:8px}.grid2 label input,.grid2 label select,.panel>label input,.panel>label select{height:42px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 12px;font-size:.9rem}.grid2 label input:focus,.panel>label input:focus{outline:none;border-color:var(--brand)}.chk{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--text)!important;font-size:.85rem!important}.chk input{width:auto;height:auto;accent-color:var(--brand)}.icon-row{display:flex;align-items:center;gap:12px;grid-column:1 / -1;margin:4px 0;flex-wrap:wrap}.fld-label{font-size:.8rem;color:var(--muted);font-weight:500}.logo-btn{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.8rem;cursor:pointer}.logo-btn:hover{border-color:var(--brand)}.logo-preview{width:34px;height:34px;object-fit:contain;border-radius:8px;background:var(--surface-2);padding:3px}.emoji-wrap{position:relative}.emoji-current{width:42px;height:42px;font-size:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.emoji-current:hover{border-color:var(--brand)}.emoji-grid{position:absolute;top:48px;inset-inline-start:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-hover);padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:300px}.emoji-cell{font-size:18px;padding:5px;border:0;background:transparent;border-radius:8px;cursor:pointer}.emoji-cell:hover,.emoji-cell.on{background:var(--brand-soft)}.btn-row{display:flex;align-items:center;gap:10px;margin-top:12px}.mini-ok,.notice.ok{color:var(--up);font-size:.8rem}.search-row{display:flex;gap:8px;margin-bottom:12px}.search-row input{flex:1;height:40px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 12px}.pw-row{display:flex;gap:8px}.pw-row input{flex:1}.rows{display:flex;flex-direction:column;gap:8px}.row-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.row-ico{width:30px;height:30px;display:grid;place-items:center;font-size:18px}.row-ico img{width:26px;height:26px;object-fit:contain;border-radius:6px}.row-main{flex:1;display:flex;flex-direction:column}.row-main strong{font-size:.9rem}.row-main small{color:var(--muted);font-size:.72rem}.matrix-wrap{overflow-x:auto}.matrix{border-collapse:collapse;font-size:.82rem;min-width:100%}.matrix th,.matrix td{border:1px solid var(--line);padding:8px 10px;text-align:center}.matrix thead th{background:var(--surface-2);vertical-align:bottom}.matrix .corner{text-align:start}.mx-app{font-weight:700;white-space:nowrap}.mx-public{display:flex;align-items:center;gap:4px;justify-content:center;font-size:.68rem;color:var(--muted);font-weight:400;margin-top:4px}.mx-public input{accent-color:var(--brand)}.mx-user{text-align:start;white-space:nowrap}.mx-user small{display:block;color:var(--muted);font-size:.68rem}.mx-cell input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.tabs{display:flex;gap:8px;margin-bottom:12px;align-items:center}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:var(--radius);padding:7px 14px;cursor:pointer;font-size:.82rem}.tab.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:700}.log{width:100%;border-collapse:collapse;font-size:.82rem}.log th,.log td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--line)}.log th{color:var(--muted);font-weight:500}.integs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.zaki-fab{position:fixed;inset-inline-end:20px;bottom:20px;z-index:50;width:54px;height:54px;border-radius:50%;border:0;background:var(--brand);color:var(--on-brand);font-size:22px;cursor:pointer;box-shadow:var(--shadow-hover)}.zaki-panel{position:fixed;inset-inline-end:20px;bottom:84px;z-index:50;width:min(92vw,360px);height:460px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;overflow:hidden}.zaki-head{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700}.zaki-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.zaki-msg{max-width:82%;padding:9px 12px;border-radius:12px;font-size:.85rem;line-height:1.5;white-space:pre-wrap}.zaki-msg.bot{align-self:flex-start;background:var(--surface-2);color:var(--text)}.zaki-msg.me{align-self:flex-end;background:var(--brand);color:var(--on-brand)}.zaki-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.zaki-input input{flex:1;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 12px}@media (max-width: 640px){.grid2,.integs{grid-template-columns:1fr}}.num,input.num,td.num,.hero-clock,.counter{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.tb-group{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.tb-group .btn.icon{width:32px;height:32px;border:0;background:transparent}.tb-group .btn.icon:hover{background:var(--surface)}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.hero-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.2px}.hero-side{display:flex;align-items:baseline;gap:10px}.hero-clock{font-size:1rem;font-weight:700}.hero-count{color:var(--muted);font-size:.74rem}.motiv-toast{position:fixed;inset-inline-start:50%;transform:translate(-50%) translateY(0);bottom:22px;z-index:45;max-width:min(90vw,520px);padding:11px 18px;border-radius:999px;font-size:.84rem;text-align:center;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-hover);transition:opacity .5s,transform .5s}.motiv-toast.in{opacity:1}.motiv-toast.out{opacity:0;transform:translate(-50%) translateY(14px);pointer-events:none}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 12px}.form-grid .f-1{grid-column:span 1}.form-grid .f-2{grid-column:span 2}.form-grid .f-3{grid-column:span 3}.form-grid .f-4{grid-column:span 4}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.74rem;color:var(--muted);font-weight:500;margin:0}.form-grid input,.form-grid select,.form-grid textarea{height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 10px;font-size:.85rem;font-family:inherit;width:100%}.form-grid textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--brand)}.form-grid .chk{flex-direction:row;align-items:center;gap:7px;color:var(--text);font-size:.8rem}.counter{font-size:.68rem;color:var(--muted);align-self:flex-end}.counter.low{color:var(--down)}.health-row{display:flex;align-items:center;gap:8px}.health-row input{flex:1}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}.health-dot.on{background:var(--up)}.phone-row{display:flex;align-items:center;gap:0}.phone-cc{height:36px;display:grid;place-items:center;padding:0 10px;font-size:.82rem;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-inline-end:0;border-radius:10px 0 0 10px}.phone-row input{border-radius:0 10px 10px 0!important}.dept-row{display:flex;gap:6px}.dept-row select{flex:1}.mini-link{font-size:.76rem;color:var(--brand)}.emp-block{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.emp-block>.row-item{border:0;border-radius:0}.emp-access{padding:12px 14px;background:var(--surface-2);border-top:1px solid var(--line)}.emp-access .hint{margin-bottom:10px}.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.acc-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.82rem;cursor:pointer}.acc-chip:hover{border-color:var(--brand)}.acc-chip input{accent-color:var(--brand)}.acc-chip span{display:flex;align-items:center;gap:6px;flex:1}.acc-chip img{width:18px;height:18px;object-fit:contain;border-radius:4px}.acc-chip em{font-style:normal;font-size:.66rem;color:var(--muted);background:var(--surface-2);padding:2px 6px;border-radius:999px}.acc-chip.pub{opacity:.8}.search-row.end{justify-content:flex-end}.search-row.end input{max-width:260px;flex:none}.log tr.err td{color:var(--down)}@media (max-width: 720px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .f-3,.form-grid .f-4{grid-column:span 2}}.shell,.shell input,.shell select,.shell textarea,.shell table{font-variant-numeric:tabular-nums lining-nums}input[type=number],input[type=datetime-local],input[type=date],.num{direction:ltr;text-align:start}.shell input[type=checkbox],.shell input[type=radio]{width:14px!important;height:14px!important;accent-color:var(--brand);cursor:pointer;flex:none;margin:0}.acc-chip input[type=checkbox]{width:14px!important;height:14px!important}.form-grid input,.form-grid select,.form-grid textarea{height:33px;font-size:.82rem;border-radius:9px;padding:0 9px}.form-grid textarea{height:auto;padding:7px 9px}.form-grid label{font-size:.72rem}.phone-cc{height:33px;font-size:.78rem}.btn.sm{padding:5px 10px;font-size:.76rem}.row-item{padding:8px 10px}.acc-chip{padding:6px 9px;font-size:.78rem}.emoji-current{width:34px;height:34px;font-size:17px;border-radius:9px}.logo-btn{height:33px;font-size:.76rem;padding:0 11px}.panel{padding:16px}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.card{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both}.category:nth-child(2) .card{animation-delay:.04s}@media (prefers-reduced-motion: reduce){.fade-up,.card{animation:none!important}}.panel.wide{max-width:100%}.grp{margin:18px 0 10px;font-size:.8rem;color:var(--muted);font-weight:600;border-top:1px solid var(--line);padding-top:14px}.grp:first-of-type{border-top:0;padding-top:0;margin-top:6px}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:34px;height:33px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}.color-row input[type=range]{flex:1;accent-color:var(--brand)}.range-val{font-size:.76rem;color:var(--muted);min-width:40px}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.img-field{display:flex;flex-direction:column;gap:6px}.img-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.link-btn{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-size:.76rem;text-decoration:underline;padding:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:grid;place-items:center;padding:20px;animation:fadeUp .25s both}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;width:min(94vw,520px);max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.modal h3{margin:0 0 12px;font-size:1rem}.privacy-text{font-size:.85rem;line-height:1.85;color:var(--text);white-space:pre-wrap}.muted-sm{color:var(--muted);font-size:.76rem}.card-logo{width:30px;height:30px;object-fit:contain;border-radius:8px;background:var(--surface-2);padding:2px}.card-icon{font-size:24px;line-height:1}.shell input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px!important;height:16px!important;flex:none;margin:0;cursor:pointer;border:1.5px solid var(--line);border-radius:5px;background:var(--surface);display:inline-grid;place-content:center;transition:background .15s,border-color .15s}.shell input[type=checkbox]:before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .12s ease-out;box-shadow:inset 1em 1em var(--on-brand);clip-path:polygon(14% 44%,0 65%,42% 100%,100% 16%,82% 0,40% 66%)}.shell input[type=checkbox]:checked{background:var(--brand);border-color:var(--brand)}.shell input[type=checkbox]:checked:before{transform:scale(1)}.shell input[type=checkbox]:hover:not(:disabled){border-color:var(--brand)}.shell input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}.shell input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num,input.num,td.num,.hero-clock,.counter,.range-val,.log td,.form-grid input[type=number],.form-grid input[type=datetime-local],.phone-cc{font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icon-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.icon-row .chk{margin-inline-start:auto}.icon-row .chk+.chk{margin-inline-start:0}.form-grid .chk{gap:8px;white-space:nowrap}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--bg);transition:opacity .6s ease,visibility .6s}.splash.leaving{opacity:0;visibility:hidden}.splash-inner{text-align:center}.splash-emblem{color:var(--brand);display:grid;place-items:center;margin-bottom:18px;animation:emblemIn .9s cubic-bezier(.2,.8,.2,1) both}.splash-emblem img{width:78px;height:78px;object-fit:contain}@keyframes emblemIn{0%{opacity:0;transform:scale(.86) translateY(8px)}}.splash-emblem .dr1,.splash-emblem .dr2{stroke-dasharray:260;stroke-dashoffset:260;animation:draw 1.25s cubic-bezier(.4,0,.2,1) forwards}.splash-emblem .dr2{animation-delay:.18s}.splash-emblem .dr3{stroke-dasharray:34;stroke-dashoffset:34;animation:draw .5s ease-out .95s forwards}@keyframes draw{to{stroke-dashoffset:0}}.splash-hi{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.5px;animation:fadeUp .6s .5s both}.splash-name{margin:4px 0 6px;font-size:1.7rem;font-weight:700;letter-spacing:-.4px;color:var(--text);animation:fadeUp .6s .65s both}.splash-tag{color:var(--muted);font-size:.82rem;animation:fadeUp .6s .8s both}.splash-bar{width:160px;height:2px;margin:24px auto 0;background:var(--line);border-radius:2px;overflow:hidden}.splash-bar span{display:block;height:100%;width:40%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--brand));animation:slide 1.5s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion: reduce){.splash *{animation:none!important}.splash-emblem .dr1,.splash-emblem .dr2,.splash-emblem .dr3{stroke-dashoffset:0}}.shell{display:flex;flex-direction:column;min-height:100vh}.shell main{flex:1}.footer{margin-top:auto;padding:18px 0 24px;font-size:.74rem;color:var(--muted)}.hero-main{display:flex;flex-direction:column;gap:3px}.hero-date{margin:0;color:var(--muted);font-size:.76rem;display:flex;gap:6px;align-items:center}.hero-date .sep{opacity:.5}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hero-count b{color:var(--text)}.usermenu{display:inline-flex;align-items:center;gap:6px}.avatar{display:grid;place-items:center;width:32px;height:32px;cursor:default}.logout-btn{width:32px;height:32px;display:grid;place-items:center;color:var(--muted)}.logout-btn:hover{color:var(--down);border-color:var(--down)}.shell input[type=checkbox]{width:14px!important;height:14px!important;border-radius:4px}.shell input[type=checkbox]:before{width:8px;height:8px}.logo-btn.center{justify-content:center;text-align:center;min-width:118px}.sched-row{display:flex;gap:6px;align-items:center}.sched-row select{flex:1}.sched-row input{flex:1.4}.hero{color:var(--text)!important;box-shadow:var(--shadow)}.hero-title{color:var(--text);font-size:1.1rem}.hero-clock{color:var(--text)}[data-theme=light]{--text: #0A0F16;--muted: #4A5A6E}.panel-title,.panel-sub,.card-name,.row-main strong,.hero-title,.modal h3,.grp{color:var(--text)}.card-desc{color:#44536a}[data-theme=dark] .card-desc{color:var(--muted)}.log th{color:var(--text);font-weight:600}.card{position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s}.card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--brand));transform:scaleY(0);transform-origin:top;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.card:hover:before{transform:scaleY(1)}.card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 18%,transparent)}.card:hover .card-icon{transform:scale(1.12) rotate(-4deg)}.card:hover .card-logo{transform:scale(1.08)}.card-icon,.card-logo{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.card:hover .card-open{transform:translate(-3px);opacity:1}.card-open{transition:transform .22s,opacity .22s;opacity:.75;color:var(--brand);font-weight:600}.card.disabled:hover{transform:none;box-shadow:var(--shadow);border-color:var(--line)}@media (prefers-reduced-motion: reduce){.card:hover{transform:none}.card:before{transition:none}}.motiv-toast{inset-inline-start:20px;inset-inline-end:auto;bottom:86px;transform:none;max-width:min(78vw,330px);text-align:start;border-radius:14px;padding:10px 14px;font-size:.8rem;line-height:1.6;border-inline-start:3px solid var(--accent)}.motiv-toast.out{transform:translateY(10px)}.shell input[type=checkbox]{width:13px!important;height:13px!important;border-radius:4px}.shell input[type=checkbox]:before{width:7px;height:7px}.emoji-current{width:30px;height:30px;font-size:15px;border-radius:8px}.emoji-grid{width:268px}.emoji-cell{font-size:16px;padding:4px}.icon-row{padding:8px 10px;gap:12px}.card-icon{font-size:22px}.notice.warn{background:color-mix(in srgb,#E8A33D 14%,transparent);color:#8a5a00;font-size:.76rem;padding:8px 10px;border-radius:8px;line-height:1.6}[data-theme=dark] .notice.warn{color:#f0c070}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--bg);color:var(--muted);font-size:.85rem;font-family:SF Arabic,Segoe UI,system-ui,sans-serif}.boot small{color:var(--down);font-size:.75rem}.boot-spin{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--brand);animation:bootspin .8s linear infinite}@keyframes bootspin{to{transform:rotate(360deg)}}.card-top-right{display:flex;align-items:center;gap:8px}.fav{border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--muted);padding:2px;line-height:1;border-radius:6px;transition:transform .15s,color .15s}.fav:hover{transform:scale(1.2);color:#e8a33d}.fav.on{color:#e8a33d}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}.stat b{font-size:1.6rem;font-weight:700;color:var(--text)}.stat span{font-size:.74rem;color:var(--muted)}.stat.warnbox b{color:#b87a00}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr 40px;align-items:center;gap:10px;font-size:.8rem}.bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--brand));animation:growbar .7s cubic-bezier(.2,.8,.2,1) both}@keyframes growbar{0%{width:0!important}}.bar-val{text-align:end;color:var(--muted)}@media (prefers-reduced-motion: reduce){.bar-fill{animation:none}}.bell-count{position:absolute;top:0;inset-inline-end:0;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--down);color:#fff;font-size:.58rem;font-weight:700;display:grid;place-items:center;line-height:1}.btn.icon{position:relative}.bell-all{width:100%;margin-bottom:6px}.bell-item.unread{background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:8px}.bell-item.unread strong:before{content:"● ";color:var(--accent);font-size:.7em;vertical-align:2px}.cat-block{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cat-block>.row-item{border:0;border-radius:0}.code-sm{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;background:var(--surface-2);padding:2px 6px;border-radius:5px}.uptime-val{font-weight:700;font-size:.85rem;color:var(--up)}.uptime-val.low{color:#b87a00}