:root{--font: "Poppins", sans-serif;--sidebar-bg: #0f2167;--sidebar-w: 260px;--sidebar-text: rgba(255,255,255,.58);--sidebar-active-bg: rgba(255,255,255,.13);--sidebar-active-text: #ffffff;--sidebar-hover-bg: rgba(255,255,255,.07);--accent-blue: #2563eb;--accent-light: #eff6ff;--success: #16a34a;--success-bright: #22c55e;--warning: #d97706;--warning-bright: #f59e0b;--danger: #dc2626;--bg: #f0f2f8;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-label: #334155;--shadow: 0 2px 16px rgba(15,23,42,.08);--shadow-md: 0 4px 24px rgba(15,23,42,.1);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:none;outline:none}html{height:100%;width:100%;overflow:hidden}body{height:100%;width:100%;font-family:var(--font);font-size:15px;line-height:1.6;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}body,button,input,select,textarea{font-family:var(--font)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;padding:0}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}app-root{display:block;height:100%;width:100%}.admin-shell{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden;will-change:transform;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:13px;padding:28px 22px 22px}.logo-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.logo-text{line-height:1.25}.logo-text span{display:block;font-size:11.5px;color:var(--sidebar-text);font-weight:400}.logo-text strong{display:block;font-size:15.5px;font-weight:500;color:#fff;letter-spacing:-.01em}.sidebar-nav{padding:8px 14px;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:14.5px;font-weight:500;transition:background .18s,color .18s;width:100%;text-align:left;letter-spacing:0}.nav-item i,.nav-item svg{flex-shrink:0;width:17px;height:17px;opacity:.8}.nav-item:hover{background:var(--sidebar-hover-bg);color:#fff}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:500}.nav-item.active i,.nav-item.active svg{opacity:1}.sidebar-system{padding:14px 22px 8px}.system-label{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffff40;margin-bottom:12px}.sys-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;color:var(--sidebar-text);font-weight:400}.sys-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sys-dot.online{background:var(--success-bright);box-shadow:0 0 0 3px #22c55e33}.sys-dot.info{background:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.sys-status{margin-left:auto;font-size:12.5px;font-weight:500}.sys-status.online{color:var(--success-bright)}.sys-status.info{color:#93c5fd}.sidebar-footer{padding:16px 22px 24px;display:flex;align-items:center;justify-content:space-between}.footer-env{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d}.footer-ver{font-size:12.5px;font-weight:500;color:#ffffff40}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg);height:100%}.page-banner{background:var(--bg-card);padding:28px 40px 24px;flex-shrink:0;will-change:transform,opacity;box-shadow:0 1px #0f172a0f}.banner-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.banner-copy{flex:1;min-width:0}.banner-eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.banner-title{font-size:clamp(22px,2vw,28px);font-weight:500;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.banner-sub{margin-top:7px;font-size:14.5px;color:var(--text-secondary);font-weight:400;line-height:1.55}.banner-pills{display:flex;gap:0;flex-shrink:0;background:var(--bg);border-radius:var(--radius-sm);overflow:hidden;align-self:flex-start;margin-top:4px}.banner-pill{display:flex;flex-direction:column;gap:3px;padding:11px 22px}.pill-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.pill-value{font-size:14.5px;font-weight:500;color:var(--text-primary)}.pill-value.healthy{color:var(--success)}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:36px 40px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;-webkit-overflow-scrolling:touch}.content-area::-webkit-scrollbar{width:5px}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(20px,1.8vw,24px);font-weight:500;color:var(--text-primary);letter-spacing:-.02em}.section-head p{margin-top:5px;font-size:14.5px;color:var(--text-secondary);font-weight:400;max-width:600px;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);will-change:transform,opacity}.stat-label-text{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px;display:block}.stat-value{font-size:clamp(34px,3.5vw,44px);font-weight:500;color:var(--text-primary);letter-spacing:-.04em;line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums}.stat-desc{font-size:13.5px;color:var(--text-secondary);font-weight:400;line-height:1.5}.panel{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden;will-change:transform,opacity}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 28px 20px;background:var(--bg-card)}.panel-head h3{font-size:17px;font-weight:500;color:var(--text-primary);letter-spacing:-.015em}.panel-head p{margin-top:3px;font-size:14px;color:var(--text-secondary);font-weight:400}.panel-body{padding:24px 28px 28px}.live-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-pill);background:var(--accent-light);font-size:13px;font-weight:500;color:var(--accent-blue);flex-shrink:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-group{display:grid;gap:20px}.field{display:grid;gap:6px}.field label{font-size:14px;font-weight:500;color:var(--text-label)}.field-hint{font-size:13px;color:var(--text-secondary);font-weight:400}.input-wrap{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-sm);background:var(--bg);transition:box-shadow .15s}.input-wrap:focus-within{box-shadow:0 0 0 3px #2563eb26}.input-wrap input{flex:1;background:transparent;font-size:15px;font-weight:500;color:var(--text-primary);font-family:var(--font)}.input-wrap input::placeholder{color:var(--text-secondary);font-weight:400}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:500;letter-spacing:0;transition:box-shadow .15s,transform .15s,background .15s;font-family:var(--font);will-change:transform}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 4px 16px #2563eb40}.btn-primary:hover:not(:disabled){box-shadow:0 6px 22px #2563eb59;background:#1d4ed8}.btn-secondary{background:var(--bg);color:var(--text-primary);box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-md)}.table-header,.table-row{display:grid;grid-template-columns:130px 1fr 110px;gap:12px;align-items:center;padding:12px 28px}.table-header{background:var(--bg);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.table-row{font-size:14px;font-weight:400;background:#fff;transition:background .1s;will-change:transform,opacity}.table-row:nth-child(odd){background:#fafbfe}.table-row:hover{background:var(--accent-light)}.table-row.success{box-shadow:inset 3px 0 0 var(--success)}.table-row.conflict{box-shadow:inset 3px 0 0 var(--warning)}.table-row.error{box-shadow:inset 3px 0 0 var(--danger)}.table-row.pending{box-shadow:inset 3px 0 #94a3b8}.req-id{font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.req-desc{font-size:13.5px;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-family:var(--font)}.badge.success{background:#dcfce7;color:var(--success)}.badge.conflict{background:#fef3c7;color:var(--warning)}.badge.error{background:#fee2e2;color:var(--danger)}.badge.pending{background:#f1f5f9;color:#64748b}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{background:#fff;border-radius:var(--radius);padding:22px;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s;will-change:transform}.mode-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mode-card.active{box-shadow:0 0 0 3px var(--accent-blue),var(--shadow-md)}.active-indicator{width:9px;height:9px;border-radius:50%;background:var(--accent-blue);opacity:0;transition:opacity .2s;margin-bottom:14px}.mode-card.active .active-indicator{opacity:1}.mode-name{font-size:15.5px;font-weight:500;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em}.mode-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.55;font-weight:400}.log-feed{display:flex;flex-direction:column}.log-entry{display:flex;align-items:flex-start;gap:14px;padding:13px 28px;transition:background .1s;will-change:transform,opacity}.log-entry:nth-child(odd){background:#fafbfe}.log-entry:hover{background:var(--accent-light)}.log-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-blue);flex-shrink:0;margin-top:6px}.log-text{font-family:var(--font);font-size:14px;font-weight:400;color:var(--text-primary);word-break:break-all;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center}.empty-state i,.empty-state svg{color:#cbd5e1;width:32px;height:32px}.empty-state strong{font-size:16px;font-weight:500;color:var(--text-primary)}.empty-state span{font-size:14px;color:var(--text-secondary);max-width:260px;font-weight:400;line-height:1.6}.text-mono{font-family:var(--font)}.text-muted{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent-blue)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s}.hamburger:hover{background:#0f172a0f}.hamburger span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0a123c73;z-index:40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.mobile-topbar{display:none;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:56px;background:var(--bg-card);flex-shrink:0;box-shadow:0 1px #0f172a12}.mobile-topbar .mobile-brand{font-size:15px;font-weight:500;color:var(--text-primary)}.mobile-topbar .mobile-view-label{font-size:13px;font-weight:400;color:var(--text-secondary)}@media(max-width:1023px)and (min-width:768px){:root{--sidebar-w: 68px}.sidebar{align-items:center;overflow:visible}.sidebar-logo{justify-content:center;padding:22px 0 18px}.logo-text{display:none}.sidebar-nav{padding:8px 0;align-items:center}.nav-item{justify-content:center;padding:12px;border-radius:10px;width:44px;overflow:hidden}.nav-item span,.nav-item{font-size:0}.nav-item i,.nav-item svg{font-size:initial;width:19px;height:19px;opacity:.75}.nav-item.active i,.nav-item.active svg{opacity:1}.sidebar-system,.sidebar-footer{display:none}.content-area{padding:28px}.page-banner{padding:22px 28px 18px}.stat-grid,.mode-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:16px}.banner-pill:last-child{display:none}.table-header,.table-row{padding:11px 20px}}@media(max-width:767px){html,body{overflow:hidden;touch-action:auto}:root{--sidebar-w: 78vw}.admin-shell{flex-direction:column;position:relative;overflow:hidden;height:100vh;height:100dvh}.sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-w);max-width:300px;z-index:50;transform:translate(-105%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #0a123c47}.sidebar-backdrop{display:block}.main-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mobile-topbar{display:flex}.page-banner{padding:20px 20px 16px}.banner-pills,.banner-eyebrow{display:none}.banner-title{font-size:20px}.banner-sub{font-size:13.5px}.hamburger{display:flex}.content-area{padding:20px 16px 32px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{padding:18px}.stat-value{font-size:32px}.two-col{grid-template-columns:1fr;gap:14px}.mode-grid{grid-template-columns:1fr;gap:12px}.section-head{margin-bottom:18px}.section-head h2{font-size:19px}.section-head p{font-size:13.5px}.panel-head{padding:18px 18px 14px;flex-wrap:wrap;gap:10px}.panel-head h3{font-size:15.5px}.panel-body{padding:18px 18px 22px}.table-header,.table-row{grid-template-columns:90px 1fr 80px;padding:10px 16px;font-size:13px}.req-id{font-size:12px}.req-desc{font-size:12.5px}.btn-row{flex-direction:column;gap:10px}.btn{width:100%;justify-content:center}.log-entry{padding:11px 18px}.log-text{font-size:13px}.banner-top{flex-direction:column;gap:12px}.sidebar-system{padding:10px 18px 4px}.sidebar-footer{padding:12px 18px 18px}}@media(max-width:399px){.stat-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.banner-title{font-size:18px}.content-area{padding:16px 14px 28px}.panel-head{padding:16px 14px 12px}.panel-body{padding:16px 14px 20px}.table-header,.table-row{padding:9px 14px}}