:root{--wf-ink: #0f1b2d;--wf-rail-bg: #0f2740;--wf-rail-bg-2: #10314f;--wf-rail-text: #dbe7f3;--wf-rail-text-muted: #a9c0d6;--wf-rail-hover-bg: #1b4066;--wf-rail-hover-text: #ffffff;--wf-rail-active-bg: #1b5fd0;--wf-rail-active-text: #ffffff;--wf-accent: #2d7ff9;--wf-accent-dark: #1b5fd0;--wf-canvas: #eef2f7;--wf-surface: #ffffff;--wf-surface-2: #f5f8fc;--wf-border: #d6dee8;--wf-text: #16222f;--wf-text-soft: #4a5b6d;--wf-text-mute: #6b7a8c;--wf-radius: 14px;--wf-radius-sm: 9px;--wf-shadow: 0 10px 30px rgba(15, 39, 64, .08);--wf-shadow-sm: 0 2px 8px rgba(15, 39, 64, .06);--wf-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}.wf-shell{min-height:100vh;display:flex;background:var(--wf-canvas);color:var(--wf-text);font-family:var(--wf-font)}.wf-rail{width:268px;flex:0 0 268px;background:var(--wf-rail-bg);color:var(--wf-rail-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06)}.wf-brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;cursor:pointer}.wf-brand-mark{width:42px;height:42px;border-radius:12px;background:var(--wf-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 42px}.wf-brand-text{min-width:0}.wf-brand-name{color:#fff;font-weight:700;font-size:15px;line-height:1.25;display:block}.wf-brand-tag{color:var(--wf-rail-text-muted);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;display:block}.wf-nav{padding:8px 12px 20px;display:flex;flex-direction:column;gap:2px}.wf-nav-group-label{color:var(--wf-rail-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:16px 14px 6px}.wf-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--wf-rail-text);background:var(--wf-rail-bg);text-decoration:none;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;width:100%;text-align:left;transition:background .14s ease,color .14s ease}.wf-nav-link .wf-nav-icon{font-size:17px;display:inline-flex}.wf-nav-link:hover{background:var(--wf-rail-hover-bg);color:var(--wf-rail-hover-text)}.wf-nav-link:focus-visible{outline:3px solid #8fc0ff;outline-offset:2px;background:var(--wf-rail-hover-bg);color:var(--wf-rail-hover-text)}.wf-nav-link.is-active{background:var(--wf-rail-active-bg);color:var(--wf-rail-active-text);font-weight:700}.wf-nav-link.is-active:hover{background:#15408a;color:#fff}.wf-rail-foot{margin-top:auto;padding:14px 16px 20px;border-top:1px solid rgba(255,255,255,.08)}.wf-rail-user{display:flex;align-items:center;gap:10px;color:var(--wf-rail-text);font-size:13px}.wf-rail-user-name{color:#fff;font-weight:600;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-rail-user-role{color:var(--wf-rail-text-muted);font-size:11px}.wf-rail-actions{display:flex;gap:8px;margin-top:12px}.wf-rail-btn{flex:1;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--wf-rail-text);padding:7px 10px;border-radius:9px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.wf-rail-btn:hover{background:#ffffff1f;color:#fff}.wf-rail-btn:focus-visible{outline:3px solid #8fc0ff;outline-offset:2px}.wf-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.wf-topbar{display:none;align-items:center;gap:12px;background:var(--wf-rail-bg);color:#fff;padding:10px 16px;position:sticky;top:0;z-index:20}.wf-topbar .wf-brand-name{font-size:14px}.wf-burger{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;width:40px;height:40px;font-size:18px;cursor:pointer}.wf-burger:focus-visible{outline:3px solid #8fc0ff;outline-offset:2px}.wf-content{flex:1 1 auto;padding:28px 32px 48px;max-width:1320px;width:100%;margin:0 auto}.wf-page-head{margin-bottom:22px}.wf-page-title{font-size:24px;font-weight:800;color:var(--wf-ink);margin:0 0 4px;letter-spacing:-.01em}.wf-page-sub{color:var(--wf-text-soft);font-size:14px;margin:0;max-width:760px}.wf-card{background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:var(--wf-radius);box-shadow:var(--wf-shadow-sm)}.wf-card-pad{padding:20px}.wf-grid{display:grid;gap:18px}.wf-grid.cols-2{grid-template-columns:1fr 1fr}.wf-grid.cols-3{grid-template-columns:repeat(3,1fr)}.wf-grid.cols-4{grid-template-columns:repeat(4,1fr)}.wf-stat{background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:18px 20px;box-shadow:var(--wf-shadow-sm)}.wf-stat-label{color:var(--wf-text-mute);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.wf-stat-value{font-size:30px;font-weight:800;color:var(--wf-ink);line-height:1.1;margin-top:6px}.wf-stat-foot{color:var(--wf-text-soft);font-size:13px;margin-top:4px}.wf-wf-card{display:block;text-decoration:none;background:var(--wf-surface);border:1px solid var(--wf-border);border-radius:var(--wf-radius);padding:22px;box-shadow:var(--wf-shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.wf-wf-card:hover{transform:translateY(-2px);box-shadow:var(--wf-shadow);border-color:var(--wf-accent)}.wf-wf-card:focus-visible{outline:3px solid var(--wf-accent);outline-offset:2px}.wf-wf-ic{width:44px;height:44px;border-radius:11px;background:#e4efff;color:var(--wf-accent-dark);display:flex;align-items:center;justify-content:center;font-size:21px}.wf-wf-name{font-size:17px;font-weight:700;color:var(--wf-ink);margin:14px 0 6px}.wf-wf-desc{color:var(--wf-text-soft);font-size:13.5px;line-height:1.5;margin:0}.wf-wf-steps{color:var(--wf-text-mute);font-size:12px;margin-top:14px;font-weight:600}.wf-pipeline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wf-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--wf-surface-2);color:var(--wf-text-soft);border:1px solid var(--wf-border)}.wf-pill.is-current{background:var(--wf-accent);color:#fff;border-color:var(--wf-accent)}.wf-pill.is-done{background:#e3f6ea;color:#1a7a43;border-color:#bfe8cd}.wf-pill.is-rejected{background:#fde8e8;color:#b42318;border-color:#f3c6c3}.wf-arrow{color:var(--wf-text-mute)}.wf-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.wf-badge.neutral{background:#eef2f7;color:#4a5b6d}.wf-badge.info{background:#e4efff;color:#1b5fd0}.wf-badge.success{background:#e3f6ea;color:#1a7a43}.wf-badge.warn{background:#fff3e0;color:#a85b00}.wf-badge.danger{background:#fde8e8;color:#b42318}.wf-queue{display:flex;flex-direction:column}.wf-queue-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--wf-border);cursor:pointer;background:transparent}.wf-queue-row:last-child{border-bottom:none}.wf-queue-row:hover{background:var(--wf-surface-2)}.wf-queue-row.is-selected{background:#eaf3ff}.wf-queue-main{min-width:0;flex:1}.wf-queue-title{font-weight:700;color:var(--wf-ink);font-size:14px}.wf-queue-meta{color:var(--wf-text-soft);font-size:12.5px;margin-top:2px}.wf-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.wf-section-title{font-size:15px;font-weight:700;color:var(--wf-ink);margin:0 0 12px}.wf-empty{padding:40px 20px;text-align:center;color:var(--wf-text-soft)}.wf-empty-title{font-weight:700;color:var(--wf-ink);font-size:15px;margin-bottom:6px}.wf-field-row{display:flex;gap:14px;flex-wrap:wrap}.wf-field{flex:1 1 220px;min-width:0}.wf-detail-grid{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;font-size:13.5px}.wf-detail-grid dt{color:var(--wf-text-mute);font-weight:600}.wf-detail-grid dd{margin:0;color:var(--wf-text)}.wf-login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--wf-canvas);font-family:var(--wf-font)}.wf-login-aside{background:linear-gradient(150deg,var(--wf-rail-bg) 0%,#163b5e 60%,var(--wf-accent-dark) 140%);color:#fff;padding:56px 52px;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;overflow:hidden}.wf-login-aside .wf-brand-mark{width:54px;height:54px;font-size:26px}.wf-login-aside-lead{font-size:15px;color:#cfe0f1;max-width:420px;line-height:1.6}.wf-login-aside-points{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.wf-login-aside-points li{color:#e7f0fa;font-size:14px;display:flex;gap:10px;align-items:center}.wf-login-main{display:flex;align-items:center;justify-content:center;padding:40px 24px}.wf-login-card{width:100%;max-width:400px}.wf-login-head{margin-bottom:24px}.wf-login-kicker{color:var(--wf-accent-dark);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}.wf-login-title{font-size:26px;font-weight:800;color:var(--wf-ink);margin:6px 0 4px}.wf-login-instruction{color:var(--wf-text-soft);font-size:14px;margin:0}.wf-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.wf-avatar{width:60px;height:60px;border-radius:16px;background:var(--wf-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.wf-tag-list{display:flex;flex-wrap:wrap;gap:8px}.wf-drawer-backdrop{position:fixed;inset:0;background:#0814228c;z-index:90}.wf-drawer{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:100;background:var(--wf-rail-bg);overflow-y:auto}@media (max-width: 980px){.wf-grid.cols-3,.wf-grid.cols-4{grid-template-columns:1fr 1fr}.wf-login{grid-template-columns:1fr}.wf-login-aside{display:none}}@media (max-width: 860px){.wf-rail{display:none}.wf-topbar{display:flex}.wf-content{padding:20px 16px 40px}.wf-grid.cols-2,.wf-grid.cols-3,.wf-grid.cols-4{grid-template-columns:1fr}.wf-detail-grid{grid-template-columns:1fr;gap:2px 0}.wf-detail-grid dt{margin-top:10px}}