:root{--green-50: #eef7fc;--green-100: #cfe9f6;--green-500: #2ea3d6;--green-600: #1f93c7;--green-700: #1774a0;--green-800: #0f5777;--bg: #f6f8f7;--surface: #ffffff;--border: #e6eae8;--text: #1a2420;--text-soft: #5c6b64;--text-faint: #94a39b;--blue: #3b82f6;--amber: #f59e0b;--red: #ef4444;--purple: #a855f7;--slate: #64748b;--shadow-sm: 0 1px 2px rgba(16, 40, 30, .04), 0 1px 3px rgba(16, 40, 30, .06);--shadow-md: 0 4px 12px rgba(16, 40, 30, .07), 0 2px 4px rgba(16, 40, 30, .04);--shadow-lg: 0 12px 32px rgba(16, 40, 30, .12);--radius: 14px;--radius-sm: 10px;--sidebar-w: 250px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:14px;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-700)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-danger{background:#fff;color:var(--red);border-color:#f3d0d0}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-weight:600;font-size:13px;color:var(--text-soft)}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text);transition:border .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.textarea{resize:vertical;min-height:80px}.field-error-flash{border-color:var(--red, #ef4444)!important;box-shadow:0 0 0 3px #ef44442e!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-amber{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-ok{background:#ecfdf5;color:#047857}.badge-purple{background:#f3e8ff;color:#7e22ce}.badge-slate{background:#e8edf1;color:#475569}.info-tip{display:inline-grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;background:var(--border);color:var(--text-soft);font-size:10px;font-weight:700;cursor:help;-webkit-user-select:none;user-select:none}.info-tip:hover{background:var(--green-100);color:var(--green-700)}.info-tip-bubble{position:fixed;z-index:9999;width:250px;left:0;top:0;background:#0d2236;color:#fff;font-size:12px;line-height:1.55;font-weight:500;padding:10px 12px;border-radius:10px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .14s;text-align:left}.info-tip-bubble[data-on="1"]{opacity:1}.pwd-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--text-faint)}.pwd-eye:hover{color:var(--text-soft)}.pwd-checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.pwd-check-item{font-size:13px;color:var(--text-faint);display:flex;align-items:center;gap:6px}.pwd-check-item.ok{color:var(--green-700)}.perm-matrix-wrap{overflow-x:auto}.perm-matrix{border-collapse:collapse;width:100%}.perm-matrix th,.perm-matrix td{padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.perm-matrix th.role-col{position:sticky;top:0;background:var(--surface);z-index:2;text-align:center}.perm-matrix td.perm-label{position:sticky;left:0;background:var(--surface);font-weight:600;white-space:normal;min-width:220px;z-index:1}.perm-matrix td.perm-cell{text-align:center}.matrix-group-row td{background:var(--bg);font-weight:700;padding:10px 14px;position:sticky;left:0}.role-detail{display:grid;grid-template-columns:230px 1fr;gap:0;align-items:start}.role-tabs{border-right:1px solid var(--border)}.role-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:11px 14px;font-size:13.5px;background:var(--bg);border:none;border-bottom:1px solid var(--border);border-left:3px solid transparent;color:var(--text-soft);cursor:pointer}.role-tab:hover{background:var(--surface)}.role-tab.active{background:var(--surface);color:var(--text);font-weight:700;border-left-color:var(--green-500)}.role-tab .count{font-size:11px;font-weight:700;background:var(--border);color:var(--text-soft);border-radius:99px;padding:1px 7px}.role-pane{padding:4px 0 0 18px;min-width:0}@media (max-width: 900px){.role-detail{grid-template-columns:1fr}.role-tabs{border-right:none;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.role-tab{border-bottom:none;border-left:none;border-top:3px solid transparent;white-space:nowrap}.role-tab.active{border-left-color:transparent;border-top-color:var(--green-500)}.role-pane{padding:14px 0 0}}.perm-check{width:17px;height:17px;accent-color:var(--green-600);cursor:pointer}.perm-check:disabled{cursor:not-allowed;opacity:.45}.perm-na{color:var(--text-faint);font-size:13px}.switch{position:relative;display:inline-block;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:99px;transition:.15s;cursor:pointer}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+.slider{background:var(--green-500)}.switch input:checked+.slider:before{transform:translate(16px)}.switch input:disabled+.slider{opacity:.4;cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--border)}.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.clickable:hover{background:var(--green-50);cursor:pointer}.avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--green-100);color:var(--green-700);font-weight:700;font-size:14px}.avatar-lg{width:72px;height:72px;font-size:26px}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--text-soft)}.faint{color:var(--text-faint)}.small{font-size:13px}.h1{font-size:24px;font-weight:800;letter-spacing:-.02em}.h2{font-size:18px;font-weight:700}.grid{display:grid;gap:16px}.grid-3col{grid-template-columns:repeat(3,1fr)}.grid-main-aside{grid-template-columns:2fr 1fr}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.spacer{flex:1}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:#0e2233;color:#cfdde8;flex-shrink:0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40}.brand-logo{background:#fff;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center}.brand-logo img{display:block;width:100%;max-width:160px;height:auto}.brand-logo-lg{padding:16px 22px;border-radius:16px}.brand-logo-lg img{max-width:230px}.login-form-logo{display:none}.login-form-logo img{width:180px;height:auto}.sidebar-brand{width:250px;height:64px;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;transition:width .18s ease}.sidebar-brand-logo{max-width:160px;height:auto;display:block;transition:max-width .18s ease}.sidebar-toggle-btn{display:flex}.sidebar.collapsed{width:68px}.sidebar.collapsed~.main{margin-left:68px}.sidebar.collapsed .sidebar-brand{width:68px;padding:0 8px;justify-content:center}.sidebar.collapsed .sidebar-brand-logo{max-width:28px}.nav{padding:8px 12px;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-section{padding:16px 10px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#5a7588;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#b3c4d2;font-weight:500;transition:all .12s}.nav-item .ic{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#2ea3d624;color:#fff;box-shadow:inset 3px 0 0 var(--green-500)}.nav-item.active .ic{color:var(--green-500)}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.nav-group-head{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#b3c4d2;font-weight:600;font-size:14px;background:transparent;border:none;cursor:pointer;margin-top:6px}.nav-group-head:hover{background:#ffffff0f;color:#fff}.nav-group-head.active{background:#2ea3d624;color:#fff;box-shadow:inset 3px 0 0 var(--green-500)}.nav-group-head.active .ic{color:var(--green-500)}.nav-group-head .ic{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-chevron{margin-left:auto;display:flex;align-items:center;transition:transform .15s;color:#b3c4d2}.nav-chevron.open{transform:rotate(90deg)}.nav-item.nav-sub{padding-left:24px;font-size:13.5px}.sidebar.collapsed .nav-item span:not(.ic),.sidebar.collapsed .nav-group-head span:not(.ic):not(.nav-chevron),.sidebar.collapsed .nav-section{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-group-head{justify-content:center;padding:10px 0;position:relative}.sidebar.collapsed .nav-badge{position:absolute;top:4px;right:10px;min-width:14px;height:14px;font-size:9px;padding:0 3px;margin-left:0}.sidebar.collapsed .nav-chevron{position:absolute;top:50%;right:3px;transform:translateY(-50%);margin-left:0;color:#8aa0b3}.sidebar.collapsed .nav-chevron svg{width:13px;height:13px}.nav-flyout-panel{position:fixed;left:68px;margin-left:6px;min-width:210px;background:#0e2233;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px;box-shadow:var(--shadow-lg);z-index:50}.sidebar.collapsed .nav-flyout-panel .nav-item.nav-sub{padding-left:12px;justify-content:flex-start}.sidebar.collapsed .nav-flyout-panel .nav-item span:not(.ic){display:inline}.sidebar.collapsed .nav-flyout-panel .nav-badge{position:static;margin-left:auto;min-width:auto;height:auto;font-size:11px;padding:1px 7px}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:30}.content{padding:28px clamp(28px,4vw,64px);width:100%}.portal-root{font-family:IBM Plex Sans,system-ui,sans-serif}.portal-root h1,.portal-root .h1,.portal-root h2,.portal-root .h2,.portal-root h3{font-family:Wix Madefor Display,sans-serif;letter-spacing:-.01em}.topbar-dark{background:linear-gradient(160deg,#081826,#0d2236 55%,#155a7e 130%);border-bottom-color:#ffffff14;color:#cfdde8}.portal-page-pad{padding:28px clamp(28px,4vw,64px);max-width:1100px;margin:0 auto}.icon-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.icon-btn:hover{background:var(--bg)}.icon-btn .count{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user-btn{background:transparent;border:none;padding:6px 8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left}.topbar-user-btn:hover{background:var(--bg)}.topbar-user-btn .nm{color:var(--text);font-weight:600;font-size:13px}.topbar-logout-btn{background:transparent;border:none;color:var(--text-faint);cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.topbar-logout-btn:hover{background:var(--bg);color:var(--text)}.stat{padding:18px 20px}.stat .label{color:var(--text-soft);font-size:13px;font-weight:500}.stat .value{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px}.stat .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-click{cursor:pointer;transition:all .14s}.stat-click:hover{border-color:var(--green-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-go{margin-left:auto;color:var(--text-faint);font-size:18px;opacity:0;transition:opacity .14s}.stat-click:hover .stat-go{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c181273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;z-index:60;padding:40px 16px;overflow-y:auto}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;animation:pop .18s ease;max-height:calc(100vh - 80px);display:flex;flex-direction:column}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.modal-body{padding:22px;overflow-y:auto}.modal-foot{flex:0 0 auto;flex-wrap:wrap}.vac-tile{transition:box-shadow .15s,transform .15s,border-color .15s}.vac-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--green-300, #86efac)}.modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.x-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg);font-size:18px;color:var(--text-soft)}.x-btn:hover{background:var(--border)}.tabs{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:4px;gap:4px}.tab{padding:7px 16px;border-radius:8px;border:none;background:transparent;font-weight:600;color:var(--text-soft)}.tab.active{background:#fff;color:var(--green-700);box-shadow:var(--shadow-sm)}.tab-count{margin-left:6px;opacity:.65;font-weight:700}.tab.tab-alert,.tab.tab-alert.active{color:#b45309}.tabs-full{display:flex}.tabs-full .tab{flex:1 1 auto;white-space:nowrap}.empty{text-align:center;padding:48px 20px;color:var(--text-faint)}.empty .ic{font-size:40px;opacity:.5}.spinner{width:22px;height:22px;border:3px solid var(--green-100);border-top-color:var(--green-600);border-radius:50%;animation:spin .7s linear infinite}.spinner-page{display:flex;justify-content:center;align-items:center;min-height:50vh}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;background:#0e2233;color:#fff;padding:12px 20px;border-radius:11px;box-shadow:var(--shadow-lg);font-weight:500;animation:pop .2s ease}.toast.err{background:#7f1d1d}.bar{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--green-500);border-radius:999px}.tree{font-size:14px}.tree-children{margin-left:22px;border-left:1.5px dashed var(--border);padding-left:8px}.tree-node{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;cursor:pointer;transition:background .12s}.tree-node:hover{background:var(--bg)}.tree-company{background:var(--green-50);border:1px solid var(--green-100)}.tree-company b{font-size:16px}.tree-dept{margin-top:2px}.tree-chevron{font-size:10px;color:var(--text-faint);transition:transform .15s;display:inline-block;width:12px}.tree-chevron.open{transform:rotate(90deg)}.tree-ic{font-size:15px}.tree-count{margin-left:auto;background:var(--green-100);color:var(--green-700);font-size:12px;font-weight:700;padding:1px 9px;border-radius:999px}.tree-count-sm{background:var(--bg);color:var(--text-soft)}.tree-pos-block{margin:4px 0 6px}.tree-pos-label{display:flex;align-items:center;gap:7px;padding:5px 10px;font-weight:600;color:var(--text-soft);font-size:13px}.tree-emp{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 28px;border-radius:9px;cursor:pointer;transition:background .12s}.tree-emp:hover{background:var(--green-50)}.tree-emp-go{margin-left:auto;color:var(--text-faint);opacity:0;transition:opacity .12s}.tree-emp:hover .tree-emp-go{opacity:1}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.kanban-col{flex:0 0 230px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:8px;min-height:120px;transition:background .12s,border-color .12s}.kanban-col.over{background:var(--green-50);border-color:var(--green-500)}.kanban-col-head{display:flex;align-items:center;gap:8px;padding:6px 8px 10px;font-size:13px}.kanban-col-head .dot{width:9px;height:9px;border-radius:50%}.kanban-count{margin-left:auto;background:#fff;border:1px solid var(--border);color:var(--text-soft);font-size:12px;font-weight:700;padding:0 8px;border-radius:999px}.kanban-list{display:flex;flex-direction:column;gap:8px;min-height:40px}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:var(--shadow-sm);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.45}.kanban-actions{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.kanban-actions button{width:30px;height:28px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:14px}.kanban-actions button:hover{background:var(--bg)}.kanban-empty{text-align:center;color:var(--text-faint);font-size:12px;padding:14px 4px;border:1.5px dashed var(--border);border-radius:9px}.pipe{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:4px}.pipe-step{flex:1 1 0;min-width:104px;border:none;background:transparent;padding:8px 4px 10px;border-radius:10px;text-align:center;position:relative;transition:background .12s}.pipe-step:hover{background:var(--bg)}.pipe-step:before,.pipe-step:after{content:"";position:absolute;top:21px;height:2px;background:var(--border)}.pipe-step:before{left:0;right:50%;margin-right:9px}.pipe-step:after{left:50%;right:0;margin-left:9px}.pipe-step:first-child:before,.pipe-step:last-child:after{display:none}.pipe-dot{width:12px;height:12px;border-radius:50%;margin:8px auto 0;position:relative;z-index:1;border:2px solid var(--border);background:var(--surface);transition:box-shadow .12s}.pipe-label{font-size:12.5px;color:var(--text-soft);margin-top:8px;line-height:1.3}.pipe-count{font-size:17px;font-weight:800;margin-top:4px;color:var(--text)}.pipe-step.is-empty .pipe-count,.pipe-step.is-empty .pipe-label{color:var(--text-faint)}.pipe-step.is-active{background:var(--green-50)}.pipe-step.is-active .pipe-dot{background:var(--green-600);border-color:var(--green-600);box-shadow:0 0 0 3px var(--green-100)}.pipe-step.is-active .pipe-label{color:var(--text);font-weight:700}.pipe-step.needs-client .pipe-dot{border-color:var(--amber)}.pipe-step.needs-client .pipe-count{color:#b45309}.pipe-step.needs-client.is-active{background:#fffbeb}.pipe-step.needs-client.is-active .pipe-dot{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 3px #fef3c7}.funnel-row{display:flex;align-items:center;gap:14px;cursor:pointer;padding:4px 6px;border-radius:10px;transition:background .12s}.funnel-row:hover{background:var(--bg)}.funnel-label{width:160px;flex-shrink:0;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.funnel-label .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.funnel-track{flex:1;background:var(--bg);border-radius:9px;height:30px;overflow:hidden}.funnel-fill{height:100%;border-radius:9px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;min-width:0;transition:width .4s ease}.funnel-fill span{color:#fff;font-weight:700;font-size:13px}.funnel-pct{width:44px;text-align:right;font-weight:600;color:var(--text-soft);font-size:13px;flex-shrink:0}.lb-card{display:flex;flex-wrap:wrap;overflow:hidden;padding:0}.lb-main{background:linear-gradient(150deg,#1774a0,#0e2233 130%);color:#fff;padding:22px 30px;min-width:200px;display:flex;flex-direction:column;justify-content:center}.lb-label{font-size:13px;color:#c2dcee;font-weight:600}.lb-value{font-size:48px;font-weight:800;line-height:1.05;letter-spacing:-.02em}.lb-unit{font-size:13px;color:#c2dcee}.lb-detail{flex:1;min-width:250px;padding:20px 26px;display:flex;flex-direction:column;justify-content:center;gap:9px}.lb-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--text-soft)}.lb-row b{color:var(--text);font-weight:600}.lb-row-strong{padding-top:9px;border-top:1px solid var(--border)}.lb-row-strong span{color:var(--green-700);font-weight:600}.lb-row-strong b{color:var(--green-700);font-size:15px}.lb-bar{height:9px;background:var(--bg);border-radius:999px;overflow:hidden;margin-top:4px}.lb-bar>span{display:block;height:100%;background:var(--amber);border-radius:999px;transition:width .4s ease}.lb-cap{font-size:12px;color:var(--text-faint)}.oc{overflow-x:auto;padding:8px 4px 16px}.oc ul{display:flex;justify-content:center;padding-top:26px;position:relative;list-style:none}.oc>ul{padding-top:0}.oc li{list-style:none;position:relative;padding:26px 12px 0;text-align:center}.oc li:before,.oc li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid var(--border);width:50%;height:26px}.oc li:after{right:auto;left:50%;border-left:2px solid var(--border)}.oc li:only-child:before,.oc li:only-child:after{display:none}.oc li:only-child{padding-top:26px}.oc>ul>li:only-child{padding-top:0}.oc li:first-child:before,.oc li:last-child:after{border:0 none}.oc li:last-child:before{border-right:2px solid var(--border);border-radius:0 7px 0 0}.oc li:first-child:after{border-radius:7px 0 0}.oc ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--border);width:0;height:26px}.oc-node{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:158px;max-width:200px;padding:12px 14px 14px;position:relative;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .14s;vertical-align:top}.oc-node:hover{border-color:var(--green-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.oc-node .nm{font-weight:700;font-size:13.5px;line-height:1.25;overflow-wrap:anywhere}.oc-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.oc-zbtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:18px;font-weight:700;color:var(--text-soft);line-height:1}.oc-zbtn:hover{background:var(--bg)}.oc-zval{min-width:46px;text-align:center;font-weight:700;font-size:13px;color:var(--text-soft)}.oc-scale{width:max-content;margin:0 auto}.oc-node .ps{font-size:12px;color:var(--text-soft)}.oc-node .dp{font-size:11px;color:var(--text-faint)}.oc-manager{border-color:#cfdde8}.oc-root{background:linear-gradient(150deg,#0e2233,#1774a0);color:#fff;border:none;min-width:180px}.oc-root .ps{color:#bcd4e2}.oc-root-ic{font-size:24px}.oc-toggle{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);min-width:22px;height:22px;padding:0 6px;border-radius:999px;border:2px solid #fff;background:var(--green-600);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:var(--shadow-sm);z-index:2}.oc-toggle:hover{background:var(--green-700)}.tcal{display:flex;gap:16px;align-items:flex-start}.tcal-people{flex:0 0 240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:sticky;top:80px}.tcal-people-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700;margin:12px 6px 8px}.tcal-people-list{display:flex;flex-direction:column;gap:2px;max-height:440px;overflow-y:auto}.tcal-person{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:9px;border:none;background:transparent;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text);text-align:left}.tcal-person:hover{background:var(--bg)}.tcal-person.active{background:var(--green-50);color:var(--green-700);font-weight:600;box-shadow:inset 0 0 0 1px var(--green-100)}.tcal-main{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.tcal-chip{cursor:pointer}.tcal-chip:hover{filter:brightness(.94)}@media (max-width: 820px){.tcal{flex-direction:column}.tcal-people{position:static;width:100%;flex-basis:auto}.tcal-people-list{max-height:200px}}.task-card{cursor:pointer;transition:all .15s}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--green-500)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-wd{text-align:center;font-size:12px;font-weight:600;color:var(--text-faint);padding:4px 0;text-transform:uppercase}.cal-cell{min-height:92px;border:1px solid var(--border);border-radius:10px;padding:6px;background:#fff;display:flex;flex-direction:column}.cal-cell.empty{background:transparent;border:none}.cal-cell.today{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-100)}.cal-num{font-size:12px;font-weight:700;color:var(--text-soft);margin-bottom:4px}.cal-cell.today .cal-num{color:var(--green-700)}.cal-chips{display:flex;flex-direction:column;gap:3px;overflow:hidden}.cal-chip{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-more{font-size:11px;color:var(--text-faint);font-weight:600;padding-left:4px}.cal-cell.has{cursor:pointer;transition:all .12s}.cal-cell.has:hover{border-color:var(--green-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cal-cell.sev-critical{background:#fef2f2;border-color:#fca5a5}.cal-cell.sev-warning{background:#fffbeb;border-color:#fde68a}.cal-cell.sev-healthy{background:var(--green-50, #f0fdf4)}.cal-grid-compact{gap:3px}.cal-grid-compact .cal-cell{min-height:30px;padding:3px}.cal-grid-compact .cal-num{margin-bottom:0;font-size:10px}.cal-grid-compact .cal-wd{font-size:9px;padding:2px 0}.cal-count{background:var(--green-600);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.day-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .12s}.day-row:hover{background:var(--green-50);border-color:var(--green-500)}@media (max-width: 700px){.cal-cell{min-height:64px}.cal-chip{font-size:9px;padding:1px 4px}}.login-aside{width:46%;max-width:560px;padding:56px 52px;background:linear-gradient(160deg,#081826,#0d2236 55%,#155a7e 130%);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-aside-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-aside-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at 30% 20%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 30% 20%,#000 0%,transparent 75%)}.login-aside-bg .orb{position:absolute;border-radius:50%;filter:blur(70px)}.login-aside-bg .orb-1{width:360px;height:360px;background:#2ea3d6;opacity:.42;top:-110px;right:-120px}.login-aside-bg .orb-2{width:300px;height:300px;background:#0ea5e9;opacity:.3;bottom:-120px;left:-90px}.login-aside-bg .orb-3{width:180px;height:180px;background:#facc15;opacity:.14;top:42%;right:8%}.login-aside-inner{position:relative;z-index:2}.login-eyebrow{margin-top:38px;text-transform:uppercase;letter-spacing:.2em;font-size:11.5px;font-weight:700;color:#5aa6cf}.login-title{color:#fff;font-size:36px;line-height:1.12;font-weight:800;letter-spacing:-.025em;margin-top:12px}.login-features{list-style:none;margin:36px 0 0;display:flex;flex-direction:column;gap:14px}.login-features li{display:flex;align-items:center;gap:14px}.lf-ic{width:44px;height:44px;border-radius:13px;flex-shrink:0;font-size:20px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-features b{color:#fff;font-weight:600;font-size:15px;display:block;line-height:1.3}.login-features i{color:#82a7c2;font-style:normal;font-size:12.5px}.login-foot{margin-top:42px;color:#56768c;font-size:12px;font-weight:600;letter-spacing:.05em}.login-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--surface)}.login-demo{margin-top:28px;padding:14px 16px;background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius-sm);font-size:12.5px;color:var(--text-soft);line-height:1.7}.login-demo code{background:#fff;padding:1px 6px;border-radius:5px;border:1px solid var(--border);font-size:12px}.check-list{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:12px}.check-list li{display:flex;align-items:center;gap:10px;color:#cfe0ea;font-size:14px}.check-item-ic{width:20px;height:20px;min-width:20px;border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;background:#2ea3d640;color:#7dd3fc;display:flex;align-items:center;justify-content:center}.portal-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#081826,#0d2236 60%,#155a7e 135%);padding:36px 28px 60px}.portal-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px}.portal-hero-sm{padding:20px 28px 52px}.portal-hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto}.portal-hero h1{color:#fff}.portal-hero .muted{color:#9fc0d3}.portal-stat-card{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portal-stat-card .stat-label{color:#8fb3c9;font-size:13px;font-weight:600}.portal-stat-card .stat-value{color:#fff;font-size:32px;font-weight:800;margin-top:4px;line-height:1.1}.portal-stat-card .stat-hint{color:#a9c3d3;font-size:13px;margin-top:6px}.portal-stat-card a.stat-cta{color:#7dd3fc;font-weight:700;text-decoration:none}.portal-stat-card a.stat-cta:hover{text-decoration:underline}a.portal-stat-card{display:block;text-decoration:none;color:inherit}.portal-stat-card .stat-go{color:#a9c3d3;opacity:.55}.portal-stat-card.stat-click:hover .stat-go{opacity:1}.portal-stat-card .stat-value.stat-money{font-size:clamp(22px,2.4vw,32px);font-variant-numeric:tabular-nums}.portal-stat-card.is-warning{border-color:#f59e0b8c;background:#f59e0b1a}.portal-overlap-card{margin-top:-32px;position:relative;z-index:3}.portal-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.portal-card-foot{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg)}.portal-list-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);color:inherit;transition:background .14s}.portal-list-row:last-child{border-bottom:none}.portal-list-row .badge{flex:none}a.portal-list-row,.portal-list-row.clickable{cursor:pointer}a.portal-list-row:hover,.portal-list-row.clickable:hover,.portal-list-row.active{background:var(--green-50)}.portal-list-avatar{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--green-50);color:var(--green-700);font-size:11px;font-weight:800}.portal-list-row.stacked{align-items:flex-start}.portal-list-main{flex:1;min-width:0}.portal-list-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-list-meta{font-size:12.5px;color:var(--text-faint);margin-top:2px}.portal-list-chevron{flex:none;color:var(--text-faint);font-size:18px;line-height:1}.portal-tile{background:var(--bg);border:1px solid var(--border);color:inherit;border-radius:12px;padding:16px 18px}.portal-server-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.portal-server-card{flex:1 1 260px;max-width:calc((100% - 32px) / 3);display:flex;flex-direction:column}.portal-server-card:only-child,.portal-server-card:first-child:nth-last-child(2),.portal-server-card:first-child:nth-last-child(2)~.portal-server-card{max-width:calc((100% - 16px)/2)}.portal-server-card.is-warning{background:#fffbeb;border-color:#fde68a}.portal-server-card.is-down{background:#fef2f2;border-color:#fbd5d5}.portal-server-card{border-left-width:4px}.portal-server-card.is-ok{border-left-color:#047857}.portal-server-card.is-warning{border-left-color:#b45309}.portal-server-card.is-down{border-left-color:#b91c1c}.portal-server-num{font-size:12.5px;color:var(--text-faint)}.portal-server-name{font-size:16px;font-weight:700;line-height:1.25;margin-top:10px}.portal-server-meta{font-size:13px;color:var(--text-soft);margin-top:6px}.portal-server-ip{font-size:13px;color:var(--text-soft);margin-top:2px}.portal-server-cause{font-size:12.5px;margin-top:10px;line-height:1.45}.portal-server-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--text-faint);border-top:1px solid var(--border)}.portal-server-foot .dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--text-faint)}.portal-server-foot .dot.on{background:var(--green-600)}.portal-server-foot .dot.off{background:var(--red)}.req-road-step{display:flex;gap:12px}.req-road-rail{display:flex;flex-direction:column;align-items:center;flex:none;width:18px}.req-road-dot{width:12px;height:12px;border-radius:50%;margin-top:3px;flex:none;border:2px solid var(--border);background:var(--surface)}.req-road-line{flex:1;width:2px;background:var(--border);margin:4px 0;min-height:12px}.req-road-step:last-child .req-road-line{display:none}.req-road-body{flex:1;min-width:0;padding-bottom:16px}.req-road-title{font-size:14px;font-weight:600}.req-road-hint{font-size:12.5px;color:var(--text-soft);margin-top:2px}.req-road-meta{font-size:12.5px;color:var(--text-faint);margin-top:4px}.req-road-step.is-done .req-road-dot{background:var(--green-600);border-color:var(--green-600)}.req-road-step.is-done .req-road-line{background:var(--green-600)}.req-road-step.is-done .req-road-title{text-decoration:line-through;color:var(--text-faint);font-weight:500}.req-road-step.is-done .req-road-hint{display:none}.req-road-step.is-current .req-road-dot{border-color:var(--green-600);box-shadow:0 0 0 3px var(--green-100)}.req-road-step.is-current .req-road-title{font-weight:700}.req-road-step.is-future .req-road-dot{border-style:dashed}.req-road-step.is-future .req-road-title{color:var(--text-faint);font-weight:500}.req-road-step.is-future .req-road-hint{color:var(--text-faint)}.req-road-step.needs-you .req-road-dot{border-color:var(--amber);box-shadow:0 0 0 3px #fef3c7}.req-road-step.needs-you .req-road-title{color:#b45309}.req-road-step.is-stopped .req-road-dot{background:var(--red);border-color:var(--red)}.req-road-step.is-stopped .req-road-title{color:#b91c1c;font-weight:700}.otp-box{width:50px;height:58px;border:1px solid var(--border);border-radius:10px;font-size:22px;font-weight:700;text-align:center;background:#fff;color:var(--text)}.otp-box:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.form-err{background:#fef2f2;color:#b91c1c;border:1px solid #fbd5d5;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px;font-weight:500}.otp-hint{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px;text-align:center}@media (max-width: 820px){.login-aside{display:none}.login-form-logo{display:block;margin-bottom:18px}}.menu-toggle,.sidebar-backdrop{display:none}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35}.main{margin-left:0}.menu-toggle{display:flex}.content{padding:18px}.topbar{padding:0 16px}.hide-mobile{display:none}.grid-stats{grid-template-columns:1fr 1fr!important}.grid-3col,.grid-main-aside{grid-template-columns:1fr!important}.portal-server-card{max-width:calc((100% - 16px)/2)}.sidebar-toggle-btn{display:none}.sidebar.collapsed{width:var(--sidebar-w)}.sidebar.collapsed~.main{margin-left:0}.sidebar.collapsed .sidebar-brand{width:250px;justify-content:flex-start}.sidebar.collapsed .sidebar-brand-logo{max-width:160px}.sidebar.collapsed .nav-item span:not(.ic),.sidebar.collapsed .nav-group-head span:not(.ic),.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-section{display:revert}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-group-head{justify-content:flex-start;padding:10px 12px}.sidebar.collapsed .nav-badge{position:static;margin-left:auto;min-width:auto;height:auto;font-size:11px;padding:1px 7px}.sidebar.collapsed .nav-chevron{position:static;margin-left:auto}.sidebar.collapsed .nav-chevron svg{width:15px;height:15px}.nav-flyout-panel{display:none!important}}@media (max-width: 600px){.portal-server-grid .portal-server-card,.portal-server-grid .portal-server-card:only-child{max-width:100%}}.hz-health-tooltip{position:fixed;min-width:220px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:10px 12px;z-index:50}.req-card{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.req-block{border-top:1px solid var(--border)}.req-block:first-child{border-top:none}.req-actions{position:sticky;top:20px}.req-actions-list{display:flex;flex-direction:column;gap:8px}.req-actions-list .btn{width:100%;justify-content:center}@media (max-width: 1100px){.req-card{grid-template-columns:1fr}.req-actions{position:static}}