:root,
[data-theme="light-blue"] {
  --page-bg:#eef6ff;--panel-bg:#fff;--text:#10233d;--muted:#61758d;--border:#cfe0f3;--accent:#0b74d1;--accent-soft:#e7f3ff;--danger:#b91c1c;--danger-bg:#fef2f2;--warn:#b45309;--warn-bg:#fffbeb;--success:#047857;--success-bg:#f0fdf4;--sidebar:#f8fbff;--shadow:0 10px 30px rgba(15,23,42,.06)
}
[data-theme="light-green"] {
  --page-bg:#eef8f2;--panel-bg:#fff;--text:#123226;--muted:#61766c;--border:#cce4d6;--accent:#0a8b50;--accent-soft:#e8f8ef;--danger:#b91c1c;--danger-bg:#fef2f2;--warn:#b45309;--warn-bg:#fffbeb;--success:#047857;--success-bg:#f0fdf4;--sidebar:#f8fcfa;--shadow:0 10px 30px rgba(15,23,42,.06)
}
[data-theme="dark"] {
  --page-bg:#0f172a;--panel-bg:#111827;--text:#e5eefb;--muted:#9fb0c7;--border:#334155;--accent:#60a5fa;--accent-soft:#172554;--danger:#fca5a5;--danger-bg:#3f1d24;--warn:#fbbf24;--warn-bg:#3a2c11;--success:#6ee7b7;--success-bg:#12352a;--sidebar:#111827;--shadow:0 10px 30px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--page-bg);color:var(--text)}body{font-size:14px}a{color:inherit}.muted{color:var(--muted);font-size:14px;line-height:1.4}.stack{display:grid;gap:16px}.ui-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.ui-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;z-index:20}.ui-sidebar-head{display:grid;grid-template-columns:38px 1fr 34px;gap:8px;align-items:center;padding:4px 4px 14px}.ui-brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}.ui-brand-mark.large{width:48px;height:48px;border-radius:14px;font-size:24px}.ui-brand-copy{display:flex;flex-direction:column}.ui-brand-copy strong{font-size:15px}.ui-brand-copy span{font-size:12px;color:var(--muted)}.ui-icon-button{border:1px solid var(--border);background:var(--panel-bg);color:var(--text);border-radius:9px;height:32px;cursor:pointer}.ui-nav{display:grid;gap:6px}.ui-nav-item{position:relative;min-height:42px;padding:9px 10px;border-radius:11px;text-decoration:none;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);width:100%;font:inherit;text-align:left;cursor:pointer}.ui-nav-item:hover{background:var(--accent-soft)}.ui-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:800}.ui-nav-icon{width:22px;text-align:center;font-size:17px}.ui-nav-badge{display:none;position:absolute;right:7px;top:5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;border:2px solid var(--sidebar);font-size:10px;font-weight:900;align-items:center;justify-content:center}.ui-nav-badge.is-visible{display:inline-flex}.ui-sidebar-bottom{margin-top:auto;display:grid;gap:6px}.ui-version{font-size:12px;color:var(--muted);text-align:center;padding:6px}.ui-logout{color:var(--danger)}.ui-main{min-width:0}.ui-topbar{height:76px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--page-bg) 88%,transparent);position:sticky;top:0;z-index:15;backdrop-filter:blur(10px)}.ui-topbar h1{margin:0 0 4px;font-size:22px}.ui-content{padding:18px 22px 36px;max-width:1600px;margin:0 auto}.ui-topbar-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:10px;border:1px solid #020617;background:#020617;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:var(--panel-bg);color:var(--text);border-color:var(--border)}.card{background:transparent}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--border)}.panel-title{font-size:18px;font-weight:800;margin-bottom:4px}.panel-body{padding:16px}.panel-body-auto{height:auto}.ui-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.ui-kpi{border:1px solid var(--border);border-radius:14px;padding:13px;background:var(--panel-bg)}.ui-kpi-label{color:var(--muted);font-size:12px;margin-bottom:6px}.ui-kpi-value{font-size:26px;font-weight:900;line-height:1.1}.ui-kpi-note{color:var(--muted);font-size:12px;margin-top:6px}.ui-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.ui-attention-card{border:1px solid var(--border);border-radius:14px;padding:14px;text-decoration:none;background:var(--panel-bg)}.ui-attention-card.danger{border-color:#fecaca;background:var(--danger-bg)}.ui-attention-card.good{border-color:#bbf7d0;background:var(--success-bg)}.ui-attention-title{font-weight:800}.ui-attention-value{font-size:26px;font-weight:900;margin:8px 0}.ui-attention-note{color:var(--muted);line-height:1.4}.ui-help-button{width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:var(--panel-bg);color:var(--accent);font-weight:900;cursor:pointer}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:12px;color:var(--muted);font-weight:800}.pill{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;border:1px solid var(--border)}.pill-completed{background:var(--success-bg);color:var(--success)}.pill-failed{background:var(--danger-bg);color:var(--danger)}.pill-processing,.pill-queued{background:var(--accent-soft);color:var(--accent)}.pill-cancelled{color:var(--muted)}.ui-empty{padding:24px 4px;color:var(--muted);text-align:center}.ui-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ui-period-tab{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-bg);text-decoration:none;font-size:13px}.ui-period-tab.active{background:#020617;color:#fff;border-color:#020617}.ui-event-list{display:grid;gap:8px}.ui-event-item{border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:var(--panel-bg)}.ui-event-item.success{border-color:#bbf7d0;background:var(--success-bg)}.ui-event-item.warning{border-color:#fde68a;background:var(--warn-bg)}.ui-event-item.danger{border-color:#fecaca;background:var(--danger-bg)}.ui-event-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:5px}.ui-event-time,.ui-event-object{font-size:13px;font-weight:800}.ui-event-type{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:2px 7px;color:var(--muted)}.ui-event-title{font-size:16px;font-weight:900;margin-bottom:4px}.ui-event-description{line-height:1.4;overflow-wrap:anywhere}.ui-theme-wrap{position:relative}.ui-theme-menu{position:absolute;right:0;top:44px;z-index:50;width:210px;padding:8px;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.ui-theme-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.ui-theme-menu button:hover{background:var(--accent-soft)}.ui-theme-swatch{width:22px;height:16px;border-radius:5px;border:1px solid var(--border)}.swatch-blue{background:#eef6ff}.swatch-green{background:#eef8f2}.swatch-dark{background:#0f172a}.ui-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.ui-login-theme{position:absolute;top:18px;right:18px}.ui-login-theme .ui-theme-menu{right:0}.ui-login-card{width:min(520px,100%);background:var(--panel-bg);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.ui-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.ui-login-brand>div:last-child{display:flex;flex-direction:column}.ui-login-brand strong{font-size:18px}.ui-login-brand span{color:var(--muted)}.ui-login-card h1{font-size:28px;line-height:1.18;margin:0 0 12px}.ui-login-card p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 20px}.ui-login-button{width:100%;min-height:44px}.ui-login-note{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.ui-login-version{font-size:12px;color:var(--muted);text-align:center;margin-top:22px}.ui-toast-container{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10000;width:min(560px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}.ui-toast{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:start}.ui-toast-title{font-weight:800}.ui-toast-text{font-size:13px;color:var(--muted);margin-top:2px}.ui-toast-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}.ui-help-popover{position:fixed;right:22px;top:92px;width:min(360px,calc(100vw - 44px));padding:16px;background:var(--panel-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:100}.ui-help-popover h3{margin:0 0 8px;font-size:17px}.ui-help-popover p{margin:0;color:var(--muted);line-height:1.5}.ui-sidebar-collapsed .ui-shell{grid-template-columns:72px minmax(0,1fr)}.ui-sidebar-collapsed .ui-brand-copy,.ui-sidebar-collapsed .ui-nav-label{display:none}.ui-sidebar-collapsed .ui-sidebar-head{grid-template-columns:38px 1fr}.ui-sidebar-collapsed .ui-sidebar-toggle{justify-self:end}.ui-sidebar-collapsed .ui-nav-item{justify-content:center}.ui-sidebar-collapsed .ui-nav-badge{right:1px;top:1px}.ui-sidebar-collapsed .ui-version{font-size:10px;overflow:hidden}
@media(max-width:1000px){.ui-kpi-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.ui-attention-grid{grid-template-columns:1fr}.ui-shell{grid-template-columns:72px minmax(0,1fr)}.ui-brand-copy,.ui-nav-label{display:none}.ui-sidebar-head{grid-template-columns:38px 1fr}.ui-sidebar-toggle{justify-self:end}.ui-nav-item{justify-content:center}.ui-version{font-size:10px;overflow:hidden}}
@media(max-width:700px){.ui-topbar{height:auto;min-height:70px;padding:10px 14px}.ui-content{padding:14px}.ui-kpi-grid{grid-template-columns:1fr}.panel-title-row{align-items:flex-start}.ui-login-card{padding:22px}.ui-login-card h1{font-size:24px}}
.ui-max-auth{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--page-bg)}
.ui-max-auth-title{text-align:center;font-size:13px;color:var(--muted);font-weight:700}
.ui-max-auth-code{text-align:center;font-size:30px;font-weight:900;letter-spacing:3px;margin:7px 0 12px;color:var(--accent)}
.ui-max-auth-instruction{font-size:14px;line-height:1.5;text-align:center}
.ui-max-auth-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.ui-max-auth-qr-wrap{display:flex;justify-content:center;margin-top:14px}
.ui-max-auth-qr-wrap img{width:180px;height:180px;border:8px solid #fff;border-radius:12px;background:#fff}
.ui-max-auth-id{margin-top:10px;padding:10px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-weight:800;text-align:center}
@media(max-width:520px){.ui-max-auth-code{font-size:26px}.ui-max-auth-qr-wrap img{width:160px;height:160px}}