:root{
  --qj-water-0:#021420;
  --qj-water-1:#043146;
  --qj-water-2:#08526d;
  --qj-cyan:#2ee6ff;
  --qj-cyan-soft:rgba(46,230,255,.13);
  --qj-blue:#3a9bff;
  --qj-gold:#ffcf5c;
  --qj-green:#25ffc4;
  --qj-red:#ff6b8b;
  --qj-orange:#ffb85c;
  --qj-purple:#b693ff;
  --qj-panel:rgba(3,25,42,.64);
  --qj-panel-strong:rgba(3,19,33,.90);
  --qj-panel-soft:rgba(255,255,255,.055);
  --qj-border:rgba(113,222,255,.16);
  --qj-border-strong:rgba(113,222,255,.32);
  --qj-text:#eaf6ff;
  --qj-dim:#9abed0;
  --qj-muted:#6f93a6;
  --qj-sidebar:220px;
  --qj-header:64px;
  --qj-radius:16px;
  --qj-radius-sm:12px;
  --qj-radius-lg:18px;
  --qj-signal-critical:#ff3b5f;
  --qj-signal-warning:#ffd84d;
  --qj-signal-info:#2ed8ff;
  --qj-signal-success:#2cffc2;
  --qj-critical-bg:rgba(255,59,95,.16);
  --qj-critical-border:rgba(255,59,95,.48);
  --qj-critical-halo:rgba(255,59,95,.46);
  --qj-warning-bg:rgba(255,216,77,.14);
  --qj-warning-border:rgba(255,216,77,.46);
  --qj-warning-halo:rgba(255,216,77,.38);
  --qj-info-bg:rgba(46,216,255,.12);
  --qj-info-border:rgba(46,216,255,.38);
  --qj-success-bg:rgba(44,255,194,.11);
  --qj-success-border:rgba(44,255,194,.36);
  --qj-signature-ink:#0b3042;
  --qj-font-ui:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Segoe UI",sans-serif;
  --qj-font-display:"HarmonyOS Sans SC","Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;
  --qj-font-mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--ak-bg-0)}
body{
  min-height:100vh;margin:0;color:var(--qj-text);
  font-family:var(--qj-font-ui);
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(900px 500px at 50% -15%,rgba(120,210,255,.22),transparent 55%),
    radial-gradient(600px 450px at 22% 0%,rgba(46,230,255,.10),transparent 50%),
    radial-gradient(500px 400px at 78% -5%,rgba(130,220,255,.09),transparent 48%),
    radial-gradient(800px 650px at 30% 55%,rgba(37,255,196,.10),transparent 52%),
    radial-gradient(700px 580px at 72% 45%,rgba(58,155,255,.11),transparent 50%),
    radial-gradient(900px 600px at 50% 115%,rgba(37,255,196,.08),transparent 50%),
    radial-gradient(600px 500px at 15% 100%,rgba(46,230,255,.06),transparent 48%),
    linear-gradient(180deg,var(--qj-water-2) 0%,var(--qj-water-1) 45%,var(--qj-water-0) 100%);
  background-attachment:fixed;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.18;
  background:
    radial-gradient(ellipse 300px 180px at 18% 28%,rgba(46,230,255,.5),transparent 70%),
    radial-gradient(ellipse 260px 200px at 55% 42%,rgba(37,255,196,.35),transparent 65%),
    radial-gradient(ellipse 280px 160px at 75% 22%,rgba(58,155,255,.4),transparent 68%),
    radial-gradient(ellipse 320px 190px at 40% 62%,rgba(46,230,255,.3),transparent 65%),
    radial-gradient(ellipse 240px 170px at 68% 58%,rgba(37,255,196,.25),transparent 60%);
  animation:qj-caustics 16s ease-in-out infinite;
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.15;
  background:
    linear-gradient(165deg,transparent 0%,transparent 15%,rgba(200,240,255,.08) 35%,transparent 55%),
    linear-gradient(195deg,transparent 0%,transparent 20%,rgba(180,225,255,.06) 40%,transparent 60%),
    linear-gradient(150deg,transparent 0%,transparent 25%,rgba(46,230,255,.05) 42%,transparent 58%);
  animation:qj-light-rays 20s ease-in-out infinite;
}
.bg-auras{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bg-auras span{position:absolute;border-radius:50%;filter:blur(60px);animation:qj-float 18s ease-in-out infinite}
.bg-auras span:nth-child(1){width:480px;height:480px;background:var(--qj-cyan);left:-100px;top:-80px;opacity:.30}
.bg-auras span:nth-child(2){width:400px;height:400px;background:var(--qj-blue);right:-80px;top:22%;opacity:.26;animation-delay:-6s}
.bg-auras span:nth-child(3){width:360px;height:360px;background:var(--qj-green);left:38%;bottom:-120px;opacity:.22;animation-delay:-12s}
.bg-wave{position:fixed;left:0;right:0;bottom:0;height:140px;z-index:0;pointer-events:none;opacity:.42;background:repeating-linear-gradient(90deg,transparent 0,transparent 35px,rgba(46,230,255,.045) 35px,rgba(46,230,255,.045) 70px),linear-gradient(0deg,rgba(3,20,31,.72) 0%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 100%);animation:qj-wave-shift 30s linear infinite}
@keyframes qj-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(28px,-22px,0) scale(1.06)}}
@keyframes qj-caustics{0%,100%{transform:scale(1) translate(0,0);opacity:.18}25%{transform:scale(1.08) translate(12px,-8px);opacity:.24}50%{transform:scale(1.04) translate(-8px,4px);opacity:.20}75%{transform:scale(1.10) translate(-14px,10px);opacity:.22}}
@keyframes qj-light-rays{0%,100%{opacity:.15;filter:blur(0)}25%{opacity:.22;filter:blur(1px)}50%{opacity:.13;filter:blur(2px)}75%{opacity:.20;filter:blur(0)}}
@keyframes qj-wave-shift{from{background-position:0 0}to{background-position:70px 0}}
@keyframes qj-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes qj-pulse{0%,100%{box-shadow:0 0 0 0 rgba(62,207,142,.35)}50%{box-shadow:0 0 0 5px rgba(62,207,142,0)}}
@keyframes qj-signal-breathe{0%,100%{opacity:.78;box-shadow:0 0 0 0 var(--alert-halo)}50%{opacity:1;box-shadow:0 0 0 7px transparent}}
@keyframes qj-kpi-breathe{0%,100%{border-color:var(--qj-border)}50%{border-color:var(--alert-color);box-shadow:0 12px 34px var(--alert-halo),inset 3px 0 0 var(--alert-color)}}
@keyframes qj-control-breathe{0%,100%{box-shadow:0 0 0 0 var(--alert-halo)}50%{box-shadow:0 0 0 5px transparent}}

button,input,select,textarea{font:inherit}
button{color:inherit}
a{color:var(--qj-cyan);text-decoration:none}
code,kbd{font-family:var(--qj-font-mono)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.ak-panel,.qj-card{
  background:linear-gradient(135deg,var(--qj-panel),rgba(9,20,37,.47));
  border:1px solid var(--qj-border);
  border-radius:var(--qj-radius);
  box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.ak-panel{padding:20px}
.ak-panel-title h3{color:var(--qj-text)}
.ak-input,.ak-select,.ak-textarea{
  background:rgba(2,10,22,.46);
  border-color:var(--qj-border);
  color:var(--qj-text);
}
.ak-input::placeholder,.ak-textarea::placeholder{color:var(--qj-muted)}
.ak-input:focus,.ak-select:focus,.ak-textarea:focus{
  border-color:var(--qj-cyan);
  box-shadow:0 0 0 3px rgba(82,214,255,.1);
}
.ak-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--qj-dim) 50%),linear-gradient(135deg,var(--qj-dim) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.ak-select option{background:var(--ak-bg-1);color:var(--qj-text)}
.ak-btn{border-color:var(--qj-border);background:rgba(255,255,255,.055);min-height:34px}
.ak-btn:hover{background:rgba(82,214,255,.11);border-color:var(--qj-border-strong)}
.ak-btn-primary{background:linear-gradient(135deg,var(--qj-gold),#e0a65c);color:#1b1207;box-shadow:0 8px 24px rgba(240,194,112,.16)}
.ak-btn-cyan{background:linear-gradient(135deg,var(--qj-cyan),var(--qj-blue));color:#03111f;border-color:transparent;font-weight:700;box-shadow:0 8px 24px rgba(63,124,255,.17)}
.ak-btn-ghost{background:transparent}
.ak-btn-danger{background:rgba(255,107,107,.1);color:var(--qj-red)}
.ak-btn-success{background:rgba(62,207,142,.1);color:var(--qj-green)}
.ak-tag{border-radius:999px;padding:3px 9px}
.state-tag{display:inline-flex;align-items:center;gap:5px}
.signal-mark{display:inline-grid;place-items:center;flex:0 0 14px;width:14px;height:14px;border-radius:50%;border:1px solid currentColor;background:var(--signal-fill,transparent);font-size:8px;font-style:normal;font-weight:800;line-height:1;vertical-align:-2px}
.signal-critical{--signal-color:var(--qj-signal-critical);--signal-fill:var(--qj-critical-bg);color:var(--signal-color)}
.signal-warning{--signal-color:var(--qj-signal-warning);--signal-fill:var(--qj-warning-bg);color:var(--signal-color)}
.signal-info{--signal-color:var(--qj-signal-info);--signal-fill:var(--qj-info-bg);color:var(--signal-color)}
.signal-success{--signal-color:var(--qj-signal-success);--signal-fill:var(--qj-success-bg);color:var(--signal-color)}
.signal-neutral{--signal-color:var(--qj-dim);--signal-fill:transparent;color:var(--signal-color)}
.signal-mark.signal-critical,.signal-mark.signal-warning{--alert-halo:var(--qj-warning-halo);animation:qj-signal-breathe 2.6s ease-in-out infinite}
.signal-mark.signal-critical{--alert-halo:var(--qj-critical-halo)}
.ak-table-wrap{border-color:var(--qj-border);background:rgba(2,10,22,.16)}
.ak-table th{background:rgba(2,10,22,.74);color:var(--qj-dim)}
.ak-table td{border-bottom-color:rgba(118,198,255,.09)}
.ak-table tbody tr:last-child td{border-bottom:none}
.ak-table tr:hover td{background:rgba(82,214,255,.045)}
.ak-table input[type="checkbox"]{width:16px;height:16px;accent-color:var(--qj-gold);cursor:pointer}
.ak-modal{background:linear-gradient(150deg,#0d1d34,#081426);border-color:var(--qj-border-strong)}
.ak-modal-header,.ak-modal-footer{border-color:var(--qj-border)}
.ak-toast{background:var(--qj-panel-strong);border-color:var(--qj-border-strong)}
.ak-empty{color:var(--qj-dim)}
.ak-progress{background:rgba(255,255,255,.07)}
.ak-progress-bar{background:linear-gradient(90deg,var(--qj-cyan),var(--qj-green))}

.login-screen{
  position:relative;z-index:1;min-height:100vh;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(460px,.8fr);
}
.login-visual{
  position:relative;overflow:hidden;padding:clamp(40px,7vw,104px);
  display:flex;flex-direction:column;justify-content:center;
}
.login-brand{display:flex;align-items:center;gap:24px}
.brand-mark,.sidebar-logo{
  display:grid;place-items:center;font-weight:800;color:#071322;
  background:linear-gradient(135deg,var(--qj-cyan),var(--qj-gold));
  box-shadow:0 18px 50px rgba(82,214,255,.18);
}
.brand-mark{width:86px;height:86px;border-radius:24px;font-size:26px;letter-spacing:2px}
.brand-kicker,.eyebrow{color:var(--qj-cyan);font-size:11px;letter-spacing:2.4px;font-weight:700}
.login-brand h1{font-size:clamp(36px,5vw,70px);line-height:1.08;letter-spacing:-2px;margin:12px 0 0;font-weight:700}
.login-brand h1 span{color:var(--qj-gold)}
.login-copy{max-width:650px;color:var(--qj-dim);font-size:17px;line-height:1.85;margin:34px 0 28px}
.login-features{display:flex;gap:12px;flex-wrap:wrap}
.feature-chip{min-width:150px;padding:16px 18px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.feature-chip b{display:block;font-size:22px;color:var(--qj-text)}
.feature-chip span{font-size:12px;color:var(--qj-dim)}
.login-blueprint{position:absolute;right:-8%;bottom:-22%;width:620px;height:620px;opacity:.22;transform:rotate(-12deg)}
.login-blueprint div{position:absolute;inset:0;border:1px solid var(--qj-cyan);border-radius:32px}
.login-blueprint div:nth-child(2){inset:48px;transform:rotate(12deg)}
.login-blueprint div:nth-child(3){inset:110px;transform:rotate(-24deg);border-color:var(--qj-gold)}
.login-panel-wrap{display:grid;place-items:center;padding:32px;border-left:1px solid var(--qj-border);background:rgba(3,12,25,.24);backdrop-filter:blur(16px)}
.login-panel{width:min(460px,100%);padding:34px}
.login-panel-title h2{font-size:27px;margin:8px 0 8px}
.login-panel-title p{margin:0 0 26px;color:var(--qj-dim);font-size:13px}
.login-submit{width:100%;justify-content:center;margin-top:7px;padding:12px}
.login-error{padding:10px 12px;margin:4px 0 12px;border:1px solid rgba(255,107,107,.32);border-radius:10px;color:var(--qj-red);background:rgba(255,107,107,.09);font-size:12px}
.demo-hint{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:20px;color:var(--qj-muted);font-size:11px}
.demo-hint code{padding:2px 6px;border-radius:5px;background:rgba(82,214,255,.08);color:var(--qj-cyan)}
.demo-hint small{width:100%;margin-top:5px;line-height:1.6}
.login-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:18px;border-top:1px solid var(--qj-border);font-size:10px;color:var(--qj-muted)}

.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--qj-sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{
  position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(9,24,45,.88),rgba(5,14,28,.9));
  border-right:1px solid var(--qj-border);backdrop-filter:blur(22px);
}
.sidebar-brand{height:78px;display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--qj-border)}
.sidebar-logo{width:40px;height:40px;border-radius:12px;font-size:12px}
.sidebar-brand strong{display:block;font-size:14px}
.sidebar-brand span{display:block;margin-top:3px;font-size:8px;letter-spacing:1.4px;color:var(--qj-muted)}
.sidebar-nav{flex:1;overflow:auto;padding:8px 10px 18px}
.nav-group{padding:15px 10px 6px;font-size:9px;letter-spacing:1.6px;color:var(--qj-muted);text-transform:uppercase}
.nav-item{
  width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;margin:2px 0;
  border:1px solid transparent;border-radius:10px;background:transparent;color:var(--qj-dim);
  cursor:pointer;font-size:12.5px;text-align:left;transition:.18s;
}
.nav-item:hover{color:var(--qj-text);background:rgba(82,214,255,.055)}
.nav-item.active{color:var(--qj-text);background:linear-gradient(90deg,rgba(82,214,255,.14),rgba(82,214,255,.035));border-color:rgba(82,214,255,.15)}
.nav-item.active::before{content:"";width:3px;height:17px;border-radius:9px;background:var(--qj-cyan);box-shadow:0 0 12px var(--qj-cyan)}
.nav-icon{width:20px;text-align:center;color:var(--qj-cyan);font-size:15px}
.nav-badge{margin-left:auto;border-radius:999px;padding:2px 7px;background:var(--qj-cyan-soft);color:var(--qj-cyan);font-size:10px}
.nav-badge.warn{background:rgba(240,194,112,.12);color:var(--qj-gold)}
.nav-badge.is-alerting{animation:qj-control-breathe 2.8s ease-in-out infinite;--alert-halo:var(--qj-warning-halo)}
.sidebar-foot{padding:14px 16px;border-top:1px solid var(--qj-border);color:var(--qj-muted);font-size:10px}
.system-indicator{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--qj-dim)}
.system-indicator i{width:7px;height:7px;border-radius:50%;background:var(--qj-green);animation:qj-pulse 2s infinite}
.main-area{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{
  height:var(--qj-header);position:sticky;top:0;z-index:20;
  display:flex;align-items:center;gap:16px;padding:0 22px;
  background:rgba(6,18,35,.78);border-bottom:1px solid var(--qj-border);
  backdrop-filter:blur(20px);
}
.page-heading{min-width:210px}
.page-heading h2{margin:0;font-size:15px}
.page-heading p{margin:3px 0 0;color:var(--qj-muted);font-size:10px}
.top-search{flex:1;max-width:460px;display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 11px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(2,10,22,.38)}
.top-search span{color:var(--qj-cyan)}
.top-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--qj-text);font-size:12px}
.top-search input::placeholder{color:var(--qj-muted)}
.top-search kbd{font-size:9px;color:var(--qj-muted);border:1px solid var(--qj-border);padding:2px 5px;border-radius:4px}
.top-date{font-size:10px;color:var(--qj-dim);white-space:nowrap}
.user-menu{position:relative;display:flex;align-items:center;gap:9px}
.user-meta strong{display:block;font-size:11px}
.user-meta span{display:block;color:var(--qj-muted);font-size:9px;margin-top:2px}
.icon-button{width:28px;height:28px;border-radius:8px;border:1px solid var(--qj-border);background:transparent;color:var(--qj-dim);cursor:pointer}
.alert-center-button{position:relative;display:inline-grid;place-items:center;flex:0 0 28px;transition:.18s}
.alert-center-button:hover{transform:translateY(-1px);border-color:var(--qj-border-strong)}
.alert-center-icon{font-size:13px;font-weight:900;line-height:1}
.alert-center-count{position:absolute;top:-6px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--qj-panel-strong);border:1px solid currentColor;font-size:9px;font-weight:800;line-height:1;color:currentColor}
.alert-center-button[data-severity="critical"]{--alert-color:var(--qj-signal-critical);--alert-halo:var(--qj-critical-halo);color:var(--alert-color);border-color:var(--qj-critical-border);background:var(--qj-critical-bg);animation:qj-control-breathe 2.2s ease-in-out infinite}
.alert-center-button[data-severity="warning"]{--alert-color:var(--qj-signal-warning);--alert-halo:var(--qj-warning-halo);color:var(--alert-color);border-color:var(--qj-warning-border);background:var(--qj-warning-bg);animation:qj-control-breathe 3s ease-in-out infinite}
.alert-center-button[data-severity="healthy"]{color:var(--qj-signal-success);border-color:var(--qj-success-border);background:var(--qj-success-bg)}
.alert-center-button:focus-visible{outline:2px solid var(--qj-signal-info);outline-offset:2px}
.user-popover{position:absolute;right:0;top:44px;width:150px;padding:6px;border:1px solid var(--qj-border-strong);border-radius:10px;background:var(--qj-panel-strong);box-shadow:0 18px 44px rgba(0,0,0,.35);z-index:50}
.user-popover button{width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--qj-dim);text-align:left;cursor:pointer}
.user-popover button:hover{background:rgba(82,214,255,.08);color:var(--qj-text)}
.mobile-menu{display:none}
.content{flex:1;padding:22px;animation:qj-fade .24s ease-out}

.page-hero{
  display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:18px;
  border:1px solid var(--qj-border);border-radius:var(--qj-radius-lg);
  background:
    linear-gradient(110deg,rgba(82,214,255,.09),transparent 44%),
    linear-gradient(150deg,var(--qj-panel-strong),rgba(8,22,41,.5));
  backdrop-filter:blur(18px);
}
.page-hero h1{margin:6px 0 8px;font-size:24px;letter-spacing:-.5px}
.page-hero p{margin:0;color:var(--qj-dim);line-height:1.65;font-size:13px;max-width:760px}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.hero-stat{min-width:155px;padding:16px 18px;border-left:1px solid var(--qj-border)}
.hero-stat b{display:block;font-size:28px}
.hero-stat span{font-size:11px;color:var(--qj-dim)}
.alert-center{margin-bottom:16px;padding:16px 18px;border:1px solid var(--qj-border);border-radius:var(--qj-radius);background:linear-gradient(135deg,rgba(11,25,46,.42),rgba(8,20,38,.24));backdrop-filter:blur(16px);box-shadow:0 12px 32px rgba(0,0,0,.12);scroll-margin-top:88px}
.alert-center:focus{outline:none}
.alert-center:focus-visible{outline:2px solid var(--qj-signal-info);outline-offset:3px}
.alert-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.alert-center-head h2{margin:4px 0 0;font-size:16px}
.alert-center-head p{margin:4px 0 0;color:var(--qj-muted);font-size:10px;line-height:1.55}
.alert-summary{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:var(--signal-fill);font-size:10px;font-weight:600;white-space:nowrap}
.signal-rule-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.signal-rule{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--signal-color);border-radius:7px;background:var(--signal-fill);color:var(--qj-dim);font-size:9px}
.signal-rule i{width:7px;height:7px;border-radius:50%;background:var(--signal-color);box-shadow:0 0 10px var(--signal-color);animation:qj-signal-breathe 2.4s ease-in-out infinite;--alert-halo:var(--qj-critical-halo)}
.signal-rule.signal-warning i{--alert-halo:var(--qj-warning-halo)}
.signal-rule.signal-info i,.signal-rule.signal-success i{animation:none}
.signal-rule b{color:var(--signal-color);font-size:9px}
.alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.alert-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:13px 13px 13px 15px;overflow:hidden;border:2px solid var(--alert-border);border-radius:12px;background:linear-gradient(90deg,var(--alert-bg),rgba(255,255,255,.015));box-shadow:inset 4px 0 0 var(--alert-color),0 8px 24px var(--alert-halo)}
.alert-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--alert-color)}
.alert-critical{--alert-color:var(--qj-signal-critical);--alert-bg:var(--qj-critical-bg);--alert-border:var(--qj-critical-border);--alert-halo:var(--qj-critical-halo)}
.alert-warning{--alert-color:var(--qj-signal-warning);--alert-bg:var(--qj-warning-bg);--alert-border:var(--qj-warning-border);--alert-halo:var(--qj-warning-halo)}
.alert-info{--alert-color:var(--qj-signal-info);--alert-bg:var(--qj-info-bg);--alert-border:var(--qj-info-border);--alert-halo:transparent}
.alert-healthy{--alert-color:var(--qj-signal-success);--alert-bg:var(--qj-success-bg);--alert-border:var(--qj-success-border);--alert-halo:transparent}
.alert-symbol{display:grid;place-items:center;width:34px;height:34px;border:2px solid currentColor;border-radius:50%;color:var(--alert-color);background:var(--alert-bg);font-size:14px;font-weight:900;box-shadow:0 0 18px var(--alert-halo)}
.alert-critical .alert-symbol,.alert-warning .alert-symbol{animation:qj-signal-breathe 2.8s ease-in-out infinite}
.alert-copy{min-width:0}
.alert-copy,.alert-copy strong,.alert-copy span{display:block}
.alert-eyebrow{font-size:9px;font-weight:700;letter-spacing:.35px;color:var(--alert-color)}
.alert-eyebrow b{display:inline-block;margin-right:3px;padding:1px 4px;border-radius:3px;background:var(--alert-color);color:var(--qj-water-0);font-size:8px}
.alert-copy strong{margin:2px 0 3px;font-size:11px}
.alert-copy>span:last-child{color:var(--qj-dim);font-size:9px;line-height:1.5}
.alert-card .ak-btn{white-space:nowrap}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}
.section-head h3{margin:0;font-size:15px}
.section-head p{margin:4px 0 0;font-size:11px;color:var(--qj-muted)}
.section-actions{display:flex;gap:8px;flex-wrap:wrap}
.ak-kpi-grid{gap:12px}
.ak-kpi{background:linear-gradient(140deg,rgba(15,34,61,.78),rgba(7,18,35,.58));border-color:var(--qj-border)}
.ak-kpi::before{background:linear-gradient(90deg,var(--qj-cyan),transparent 70%)}
.ak-kpi:nth-child(2n)::before{background:linear-gradient(90deg,var(--qj-gold),transparent 70%)}
.ak-kpi:nth-child(3n)::before{background:linear-gradient(90deg,var(--qj-green),transparent 70%)}
.ak-kpi-value{color:var(--qj-text)}
.ak-kpi.kpi-alerting{--alert-color:var(--qj-signal-warning);--alert-halo:var(--qj-warning-halo);animation:qj-kpi-breathe 3.2s ease-in-out infinite}
.ak-kpi.kpi-alerting[data-severity="critical"]{--alert-color:var(--qj-signal-critical);--alert-halo:var(--qj-critical-halo)}
.ak-kpi-delta .signal-mark{margin-right:5px}
.dashboard-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:16px}
.dashboard-grid.three{grid-template-columns:1fr 1fr 1fr}
.qj-card{padding:18px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.card-head h3{margin:0;font-size:14px}
.card-head p{margin:4px 0 0;color:var(--qj-muted);font-size:10px}
.card-head .ak-tag{white-space:nowrap}
.project-progress-list,.activity-list,.template-mini-list{display:flex;flex-direction:column;gap:10px}
.project-progress-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(100px,2fr) 54px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(118,198,255,.08)}
.project-progress-row:last-child{border-bottom:0}
.project-progress-row strong{font-size:12px;display:block}
.project-progress-row small{color:var(--qj-muted);font-size:10px}
.progress-line{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}
.progress-line i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--qj-cyan),var(--qj-green))}
.percent-value{font-size:11px;color:var(--qj-cyan);text-align:right}
.chart-bars{display:flex;flex-direction:column;gap:12px}
.chart-bar-row{display:grid;grid-template-columns:60px minmax(80px,1fr) 32px;gap:10px;align-items:center;font-size:11px}
.chart-bar-track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.chart-bar-track i{display:block;height:100%;min-width:3px;border-radius:99px;background:linear-gradient(90deg,var(--qj-gold),var(--qj-orange))}
.insight-dashboard{margin-top:16px}
.insight-dashboard > .section-head{margin-bottom:12px}
.insight-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.insight-chart-card{min-height:300px;background:linear-gradient(145deg,rgba(7,39,58,.82),rgba(4,25,42,.68));border-color:rgba(82,214,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.insight-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.insight-chart-head h3{margin:0;font-size:14px}
.insight-chart-head p{margin:4px 0 0;font-size:10px;color:var(--qj-muted)}
.chart-total,.insight-chart-head > .ak-tag{flex:none;font-size:11px;color:var(--qj-cyan);background:rgba(46,230,255,.08);border:1px solid rgba(46,230,255,.18);border-radius:99px;padding:4px 9px}
.insight-chart-canvas{position:relative;width:100%;height:235px;min-height:0}
.insight-chart-canvas.compact{height:205px}
.insight-chart-canvas canvas{width:100%!important;height:100%!important}
.insight-chart-card{background:
  radial-gradient(440px 190px at 4% 0%,rgba(46,230,255,.10),transparent 72%),
  radial-gradient(360px 180px at 100% 0%,rgba(255,207,92,.06),transparent 74%),
  linear-gradient(145deg,rgba(7,39,58,.86),rgba(4,25,42,.68))}
.insight-status-layout{display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;align-items:center;min-height:210px}
.status-donut{position:relative;width:132px;height:132px;border-radius:50%;box-shadow:0 0 28px rgba(46,230,255,.16);isolation:isolate}
.status-donut::after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--qj-panel-strong);border:1px solid rgba(113,222,255,.12);z-index:0}
.status-donut-inner{position:absolute;inset:17px;z-index:1;display:grid;place-content:center;text-align:center}
.status-donut-inner strong{font-size:22px;line-height:1.1;color:var(--qj-green)}
.status-donut-inner span{font-size:9px;color:var(--qj-muted);margin-top:5px}
.insight-bar-list{display:flex;flex-direction:column;gap:9px;min-width:0}
.insight-bar-row{display:grid;grid-template-columns:minmax(72px,105px) minmax(70px,1fr) 52px;gap:9px;align-items:center;width:100%;padding:4px 5px;border:0;border-radius:9px;background:transparent;color:var(--qj-text);font:inherit;text-align:left}
.insight-bar-row.is-action{cursor:pointer;transition:background .18s}
.insight-bar-row.is-action:hover,.insight-bar-row.is-action:focus-visible{background:rgba(46,230,255,.06);outline:0}
.insight-bar-label{font-size:10.5px;color:var(--qj-dim);white-space:nowrap}
.insight-bar-label small{display:block;color:var(--qj-muted);font-size:8px}
.insight-bar-track,.insight-project-track{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.065);overflow:hidden}
.insight-bar-track i,.insight-project-track i{display:block;height:100%;min-width:0;border-radius:99px;transition:width .35s ease}
.insight-bar-track i.tone-cyan,.insight-project-track i.tone-cyan{background:linear-gradient(90deg,var(--qj-blue),var(--qj-cyan))}
.insight-bar-track i.tone-gold,.insight-project-track i.tone-gold{background:linear-gradient(90deg,#c89038,var(--qj-gold))}
.insight-bar-track i.tone-green,.insight-project-track i.tone-green{background:linear-gradient(90deg,#15a987,var(--qj-green))}
.insight-bar-track i.tone-red,.insight-project-track i.tone-red{background:linear-gradient(90deg,#b52f53,var(--qj-red))}
.insight-bar-track i.tone-pending{background:linear-gradient(90deg,#c89038,var(--qj-gold))}
.insight-bar-track i.tone-draft{background:linear-gradient(90deg,#627b8f,#9abed0)}
.insight-bar-track i.tone-approved{background:linear-gradient(90deg,#15a987,var(--qj-green))}
.insight-bar-track i.tone-rejected{background:linear-gradient(90deg,#b52f53,var(--qj-red))}
.insight-bar-track i.tone-archived{background:linear-gradient(90deg,var(--qj-blue),var(--qj-cyan))}
.insight-bar-value{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;white-space:nowrap}
.insight-bar-value b{font-size:12px;color:var(--qj-text)}
.insight-bar-value small{font-size:8.5px;color:var(--qj-muted)}
.project-closure-list{gap:10px}
.insight-project-row{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(90px,1fr) 90px;gap:10px;align-items:center;padding:7px 6px;border-bottom:1px solid rgba(113,222,255,.08)}
.insight-project-row:last-child{border-bottom:0}
.insight-project-copy{min-width:0}.insight-project-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-project-copy small{display:block;color:var(--qj-muted);font-size:8.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insight-project-value{text-align:right}.insight-project-value b{display:block;font-size:12px;color:var(--qj-cyan)}.insight-project-value small{display:block;font-size:8px;color:var(--qj-muted);margin-top:2px}
.insight-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.insight-risk-item{position:relative;overflow:hidden;min-height:82px;padding:13px;border:1px solid rgba(113,222,255,.14);border-radius:12px;background:rgba(255,255,255,.025);color:var(--qj-text);text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,transform .18s}
.insight-risk-item:hover,.insight-risk-item:focus-visible{transform:translateY(-1px);border-color:rgba(46,230,255,.38);outline:0}
.insight-risk-item span{display:block;font-size:10px;color:var(--qj-dim)}
.insight-risk-item b{display:block;font-size:24px;line-height:1.3;margin-top:2px;color:var(--qj-cyan)}
.insight-risk-item small{font-size:8px;color:var(--qj-muted)}
.insight-risk-item i{position:absolute;left:0;right:auto;bottom:0;height:3px;background:linear-gradient(90deg,var(--qj-blue),var(--qj-cyan));border-radius:0 3px 0 0}
.insight-risk-item.tone-red b{color:var(--qj-red)}.insight-risk-item.tone-red i{background:linear-gradient(90deg,#a22b49,var(--qj-red))}
.insight-risk-item.tone-gold b{color:var(--qj-gold)}.insight-risk-item.tone-gold i{background:linear-gradient(90deg,#a87b2e,var(--qj-gold))}
.stage-distribution-list{display:flex;flex-direction:column;gap:8px}
.stage-distribution-row{display:grid;grid-template-columns:34px minmax(110px,1fr) 70px auto;gap:9px;align-items:center;padding:8px 7px;border-radius:10px;background:linear-gradient(90deg,rgba(46,230,255,.055),transparent)}
.stage-order{font:800 11px/1 "Cascadia Code",Consolas,monospace;color:var(--qj-cyan)}
.stage-copy strong{display:block;font-size:11px}.stage-copy small{display:block;color:var(--qj-muted);font-size:8.5px;margin-top:2px}
.stage-project-count{text-align:right}.stage-project-count b{font-size:16px;color:var(--qj-gold)}.stage-project-count span{display:block;font-size:8px;color:var(--qj-muted)}
.activity-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(118,198,255,.08)}
.activity-item:last-child{border-bottom:0}
.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--qj-cyan);margin-top:5px;box-shadow:0 0 10px rgba(82,214,255,.5)}
.activity-copy{flex:1;min-width:0}
.activity-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-copy span{color:var(--qj-muted);font-size:10px}
.mini-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(118,198,255,.08)}
.mini-record:last-child{border-bottom:0}
.mini-record strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-record small{display:block;margin-top:3px;color:var(--qj-muted);font-size:10px}
.record-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.025);color:var(--qj-muted);font-size:10px}
.record-pagination>div{display:flex;align-items:center;gap:9px}
.record-pagination strong{min-width:64px;text-align:center;color:var(--qj-text);font-size:11px}
.record-pagination b{color:var(--qj-gold)}

.catalog-hero{background:linear-gradient(115deg,rgba(46,230,255,.10),rgba(3,25,42,.72) 48%,rgba(255,207,92,.07))}
.catalog-project-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.catalog-project-switch label{color:var(--qj-muted);font-size:10px;letter-spacing:1px}
.catalog-project-switch .ak-select{min-width:min(430px,75vw)}
.catalog-hero-stat{position:relative;min-width:190px}
.catalog-hero-stat::before{content:"";position:absolute;inset:10px -4px;border-radius:14px;background:radial-gradient(circle,rgba(255,207,92,.12),transparent 70%);pointer-events:none}
.catalog-critical-banner,.catalog-healthy-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border:2px solid var(--qj-critical-border);border-radius:var(--qj-radius);background:linear-gradient(90deg,var(--qj-critical-bg),rgba(255,255,255,.025));box-shadow:0 0 28px var(--qj-critical-halo);animation:qj-kpi-breathe 3.4s ease-in-out infinite}
.catalog-critical-banner strong,.catalog-critical-banner span{display:block}
.catalog-critical-banner strong{font-size:13px}
.catalog-critical-banner span{margin-top:3px;color:var(--qj-dim);font-size:10px;line-height:1.55}
.catalog-critical-banner>div{flex:1;min-width:0}
.catalog-healthy-banner{border-color:var(--qj-success-border);background:var(--qj-success-bg);box-shadow:none;color:var(--qj-signal-success);font-size:11px}
.catalog-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.catalog-kpi-grid .ak-kpi-value{font-size:24px}
.catalog-filter-bar{position:sticky;top:calc(var(--qj-header) + 8px);z-index:8;backdrop-filter:blur(18px)}
.catalog-result-note{display:flex;align-items:center;gap:7px;margin:4px 0 12px;color:var(--qj-muted);font-size:10px}
.catalog-result-note strong{color:var(--qj-gold);font-size:14px}
.catalog-sections{display:flex;flex-direction:column;gap:14px}
.catalog-section-card{padding:0;overflow:hidden}
.catalog-section-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:15px 17px;border:0;border-bottom:1px solid var(--qj-border);background:linear-gradient(90deg,rgba(46,230,255,.08),rgba(255,255,255,.012));color:var(--qj-text);text-align:left;cursor:pointer;transition:.18s}
.catalog-section-head:hover{background:linear-gradient(90deg,rgba(46,230,255,.13),rgba(255,255,255,.025))}
.catalog-section-head strong,.catalog-section-head small{display:block}
.catalog-section-head strong{font-size:14px}
.catalog-section-head small{margin-top:4px;color:var(--qj-muted);font-size:9px}
.catalog-section-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--qj-border-strong);border-radius:11px;background:rgba(46,230,255,.08);color:var(--qj-cyan);font-family:Consolas,monospace;font-size:12px;box-shadow:inset 0 0 16px rgba(46,230,255,.08)}
.catalog-section-chevron{color:var(--qj-cyan);transition:transform .18s}
.catalog-section-card.is-collapsed .catalog-section-body{display:none}
.catalog-section-card.is-collapsed .catalog-section-chevron{transform:rotate(180deg)}
.catalog-section-body{display:flex;flex-direction:column}
.catalog-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;padding:15px 16px 15px 22px;border-bottom:1px solid rgba(118,198,255,.09);background:rgba(255,255,255,.014);transition:.18s}
.catalog-item:last-child{border-bottom:0}
.catalog-item:hover{background:rgba(46,230,255,.035)}
.catalog-risk-rail{position:absolute;inset:10px auto 10px 0;width:4px;border-radius:0 4px 4px 0;background:var(--qj-signal-info);box-shadow:0 0 10px rgba(46,216,255,.25)}
.catalog-risk-high .catalog-risk-rail{background:var(--qj-signal-warning);box-shadow:0 0 12px var(--qj-warning-halo)}
.catalog-risk-critical .catalog-risk-rail{background:var(--qj-signal-critical);box-shadow:0 0 15px var(--qj-critical-halo)}
.catalog-item.is-critical-gap{border-left:0;background:linear-gradient(90deg,rgba(255,59,95,.075),rgba(255,255,255,.012) 42%)}
.catalog-item.is-critical-gap .catalog-risk-rail{animation:qj-signal-breathe 2.8s ease-in-out infinite;--alert-halo:var(--qj-critical-halo)}
.catalog-item.is-overdue{background:linear-gradient(90deg,rgba(255,59,95,.12),rgba(255,216,77,.035) 70%)}
.catalog-item.is-completed .catalog-item-title{color:var(--qj-signal-success)}
.catalog-item-main{min-width:0}
.catalog-item-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.catalog-item-tags code{padding:2px 6px;border:1px solid var(--qj-info-border);border-radius:5px;background:var(--qj-info-bg);color:var(--qj-cyan);font-size:9px}
.catalog-risk-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--qj-info-border);border-radius:999px;background:var(--qj-info-bg);color:var(--qj-signal-info);font-size:9px;font-weight:700}
.catalog-risk-tag.catalog-risk-high{border-color:var(--qj-warning-border);background:var(--qj-warning-bg);color:var(--qj-signal-warning)}
.catalog-risk-tag.catalog-risk-critical{border-color:var(--qj-critical-border);background:var(--qj-critical-bg);color:var(--qj-signal-critical);box-shadow:0 0 14px var(--qj-critical-halo)}
.catalog-overdue-tag{animation:qj-control-breathe 2.8s ease-in-out infinite;--alert-halo:var(--qj-critical-halo)}
.catalog-item-title{display:block;margin-top:8px;font-size:13px;line-height:1.5}
.catalog-item-main>p{margin:5px 0 10px;color:var(--qj-dim);font-size:10px;line-height:1.65}
.catalog-item-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;color:var(--qj-dim);font-size:9px}
.catalog-item-meta span{display:inline-flex;align-items:center;gap:5px}
.catalog-item-meta b{color:var(--qj-muted);font-weight:500}
.catalog-record-link{padding:0;border:0;background:none;color:var(--qj-cyan);font-size:9px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.catalog-note{margin-top:9px;padding:7px 9px;border-left:2px solid var(--qj-gold);border-radius:0 6px 6px 0;background:rgba(255,207,92,.055);color:var(--qj-dim);font-size:9px;line-height:1.55}
.catalog-note b{margin-right:7px;color:var(--qj-gold)}
.catalog-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.catalog-status-dot{width:9px;height:9px;border-radius:50%;background:var(--qj-muted)}
.catalog-status-dot.pending{background:var(--qj-gold);box-shadow:0 0 10px var(--qj-warning-halo);animation:qj-signal-breathe 2.8s ease-in-out infinite;--alert-halo:var(--qj-warning-halo)}
.catalog-status-dot.approved{background:var(--qj-green);box-shadow:0 0 10px var(--qj-success-border)}
.catalog-item-actions{display:flex;flex-direction:column;gap:6px;width:100%}
.catalog-item-actions .ak-btn{justify-content:center;white-space:nowrap}
.catalog-edit-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;padding:14px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:linear-gradient(120deg,var(--qj-info-bg),rgba(255,255,255,.02))}
.catalog-edit-summary h3{margin:8px 0 5px;font-size:16px}
.catalog-edit-summary p{margin:0;color:var(--qj-dim);font-size:10px;line-height:1.6}
.catalog-form-guide{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding:9px 10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(255,255,255,.025);color:var(--qj-muted);font-size:9px;line-height:1.5}
.catalog-form-guide span{flex:1;min-width:170px}
.catalog-form-guide b{color:var(--qj-gold)}

.brain-hero{background:linear-gradient(115deg,rgba(46,230,255,.12),rgba(3,25,42,.74) 48%,rgba(37,255,196,.07))}
.brain-project-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brain-project-switch label{color:var(--qj-muted);font-size:10px;letter-spacing:1px}
.brain-project-switch .ak-select{min-width:min(430px,70vw)}
.brain-stage-orbit{position:relative;min-width:220px;padding:15px 18px;border:1px solid var(--qj-border-strong);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(46,230,255,.16),transparent 58%),rgba(3,20,35,.38);box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 28px rgba(46,230,255,.08)}
.brain-stage-orbit span,.brain-stage-orbit b,.brain-stage-orbit em{display:block}
.brain-stage-orbit>span{color:var(--qj-muted);font-size:9px;letter-spacing:1px}
.brain-stage-orbit b{margin:5px 0;font-size:16px}
.brain-stage-orbit strong{color:var(--qj-gold);font-size:29px;line-height:1}
.brain-stage-orbit strong small{font-size:11px;margin-left:2px}
.brain-stage-orbit em{margin-top:5px;color:var(--qj-dim);font-size:8px;font-style:normal}
.brain-confirm-banner,.brain-blocker-banner,.brain-ready-banner{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:13px 15px;border-radius:var(--qj-radius);font-size:10px;line-height:1.55}
.brain-confirm-banner{border:1px solid var(--qj-warning-border);background:linear-gradient(90deg,var(--qj-warning-bg),rgba(255,255,255,.025));box-shadow:0 0 24px rgba(255,216,77,.13)}
.brain-confirm-banner>div,.brain-blocker-banner>div{flex:1;min-width:0}
.brain-confirm-banner strong,.brain-confirm-banner span,.brain-blocker-banner strong,.brain-blocker-banner span{display:block}
.brain-confirm-banner strong,.brain-blocker-banner strong{font-size:12px}
.brain-confirm-banner span,.brain-blocker-banner span{margin-top:3px;color:var(--qj-dim);font-size:9px}
.brain-blocker-banner{border:2px solid var(--qj-critical-border);background:linear-gradient(90deg,var(--qj-critical-bg),rgba(255,255,255,.025));box-shadow:0 0 28px var(--qj-critical-halo);animation:qj-kpi-breathe 3.2s ease-in-out infinite}
.brain-blocker-banner .alert-symbol{--alert-color:var(--qj-signal-critical);--alert-bg:var(--qj-critical-bg);--alert-halo:var(--qj-critical-halo);animation:qj-signal-breathe 2.6s ease-in-out infinite}
.brain-ready-banner{border:1px solid var(--qj-success-border);background:var(--qj-success-bg);color:var(--qj-signal-success)}
.brain-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.brain-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
.brain-plan-card{padding:17px}
.brain-plan-today{border-top:3px solid var(--qj-signal-warning)}
.brain-plan-tomorrow{border-top:3px solid var(--qj-signal-info)}
.brain-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.brain-plan-head h2{margin:4px 0;font-size:18px}
.brain-plan-head p{margin:0;color:var(--qj-dim);font-size:10px;line-height:1.6}
.brain-plan-count{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid var(--qj-border-strong);border-radius:50%;background:rgba(46,230,255,.08);color:var(--qj-cyan);font-size:14px;font-weight:700}
.brain-plan-list{display:flex;flex-direction:column;gap:8px}
.brain-rule-note{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--qj-border);color:var(--qj-muted);font-size:8px;line-height:1.55}
.brain-next-process{margin-top:11px;padding:10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(46,216,255,.055)}
.brain-next-process span,.brain-next-process strong,.brain-next-process small{display:block}
.brain-next-process span{color:var(--qj-cyan);font-size:8px;letter-spacing:1px}
.brain-next-process strong{margin-top:3px;font-size:12px}
.brain-next-process small{margin-top:3px;color:var(--qj-muted);font-size:8px;line-height:1.5}
.brain-task{position:relative;display:flex;gap:10px;min-width:0;padding:10px 10px 10px 14px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(255,255,255,.022);overflow:hidden}
.brain-task.is-critical{border-color:rgba(255,59,95,.28);background:linear-gradient(90deg,rgba(255,59,95,.06),rgba(255,255,255,.018) 56%)}
.brain-task.is-done{opacity:.74;background:rgba(37,255,196,.025)}
.brain-task-status-rail{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--qj-signal-info)}
.brain-task.is-critical .brain-task-status-rail{background:var(--qj-signal-critical);box-shadow:0 0 12px var(--qj-critical-halo)}
.brain-task.is-blocking .brain-task-status-rail{animation:qj-signal-breathe 2.8s ease-in-out infinite;--alert-halo:var(--qj-critical-halo)}
.brain-task-body{flex:1;min-width:0}
.brain-task-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.brain-task-tags code{padding:2px 5px;border:1px solid var(--qj-info-border);border-radius:4px;background:var(--qj-info-bg);color:var(--qj-cyan);font-size:8px}
.brain-priority{display:inline-flex;align-items:center;gap:3px;color:var(--qj-muted);font-size:8px}
.brain-priority-high{color:var(--qj-signal-warning)}
.brain-priority-critical{color:var(--qj-signal-critical);font-weight:700}
.brain-doc-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border:1px solid var(--qj-warning-border);border-radius:999px;background:var(--qj-warning-bg);color:var(--qj-signal-warning);font-size:7px}
.brain-doc-chip.is-ready{border-color:var(--qj-success-border);background:var(--qj-success-bg);color:var(--qj-signal-success)}
.brain-task-body>strong{display:block;margin:6px 0 3px;font-size:11px;line-height:1.45}
.brain-task-body>p{margin:0;color:var(--qj-dim);font-size:9px;line-height:1.55}
.brain-task-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:var(--qj-muted);font-size:8px}
.brain-task-hint{display:flex;align-items:flex-start;gap:5px;margin-top:7px;padding:6px 7px;border-radius:6px;background:rgba(46,216,255,.045);color:var(--qj-dim);font-size:8px;line-height:1.5}
.brain-task-note{margin-top:6px;padding-left:7px;border-left:2px solid var(--qj-gold);color:var(--qj-muted);font-size:8px}
.brain-template-link{align-self:flex-start;margin-top:7px;padding:0;border:0;background:none;color:var(--qj-cyan);font-size:8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.brain-stage-map-card{margin-bottom:15px}
.brain-stage-map{display:grid;grid-template-columns:repeat(11,minmax(105px,1fr));gap:7px;overflow-x:auto;padding:3px 1px 8px}
.brain-stage-node{position:relative;min-width:105px;padding:9px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(255,255,255,.018)}
.brain-stage-node>i{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--qj-border-strong);border-radius:8px;color:var(--qj-muted);font-size:8px;font-style:normal}
.brain-stage-node strong,.brain-stage-node small,.brain-stage-node>span{display:block}
.brain-stage-node strong{margin-top:6px;font-size:9px}
.brain-stage-node small{margin-top:3px;color:var(--qj-muted);font-size:7px}
.brain-stage-node>span{margin-top:5px;color:var(--qj-dim);font-size:7px}
.brain-stage-node.is-completed{border-color:var(--qj-success-border);background:var(--qj-success-bg)}
.brain-stage-node.is-completed>i{color:var(--qj-signal-success);border-color:var(--qj-success-border)}
.brain-stage-node.is-active{border-color:var(--qj-warning-border);background:linear-gradient(135deg,var(--qj-warning-bg),rgba(255,255,255,.02));box-shadow:0 0 20px rgba(255,216,77,.10)}
.brain-stage-node.is-active>i{border-color:var(--qj-gold);color:var(--qj-gold);animation:qj-control-breathe 3s ease-in-out infinite;--alert-halo:var(--qj-warning-halo)}
.brain-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:15px}
.brain-current-stage-card{padding:17px}
.brain-task-list{display:flex;flex-direction:column;gap:8px}
.brain-complete-state{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--qj-success-border);border-radius:10px;background:var(--qj-success-bg);color:var(--qj-dim);font-size:9px}
.brain-complete-state strong,.brain-complete-state span{display:block}
.brain-complete-state strong{color:var(--qj-text);font-size:11px}
.brain-complete-state span{margin-top:3px}
.brain-completed-tasks{margin-top:12px;border-top:1px solid var(--qj-border);padding-top:10px}
.brain-completed-tasks summary{color:var(--qj-muted);font-size:9px;cursor:pointer}
.brain-completed-tasks>div{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.brain-side-stack{display:flex;flex-direction:column;gap:15px}
.brain-upcoming-card{padding:15px}
.brain-upcoming-list{display:flex;flex-direction:column;gap:7px}
.brain-upcoming-item{display:block;width:100%;padding:9px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(255,255,255,.02);color:inherit;text-align:left;cursor:pointer;transition:.18s}
.brain-upcoming-item:hover{border-color:var(--qj-border-strong);background:rgba(46,230,255,.055)}
.brain-upcoming-item span,.brain-upcoming-item strong,.brain-upcoming-item small{display:block}
.brain-upcoming-days{color:var(--qj-gold);font-size:8px}
.brain-upcoming-item strong{margin:3px 0;font-size:10px}
.brain-upcoming-item small{color:var(--qj-muted);font-size:8px;line-height:1.45}
.brain-next-card{padding:16px;border-color:var(--qj-info-border)}
.brain-next-card h3{margin:5px 0;font-size:17px}
.brain-next-card>p{margin:0;color:var(--qj-dim);font-size:9px;line-height:1.6}
.brain-next-gate{margin:11px 0;padding:9px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(255,255,255,.02)}
.brain-next-gate span,.brain-next-gate strong{display:block}
.brain-next-gate span{color:var(--qj-muted);font-size:8px}
.brain-next-gate strong{margin-top:4px;font-size:9px;line-height:1.5}
.brain-next-hint{display:flex;align-items:flex-start;gap:5px;margin-bottom:11px;color:var(--qj-dim);font-size:8px;line-height:1.5}
.brain-next-card .ak-btn{width:100%;justify-content:center}
.brain-principles-card{padding:15px}
.brain-principles-card ul{margin:0;padding-left:16px;color:var(--qj-dim);font-size:8px;line-height:1.7}
.brain-task-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(46,216,255,.045)}
.brain-task-modal-head h3{margin:7px 0 4px;font-size:15px}
.brain-task-modal-head p{margin:0;color:var(--qj-dim);font-size:9px;line-height:1.6}
.brain-task-explain{display:flex;align-items:flex-start;gap:8px;margin:11px 0;padding:9px 10px;border-left:3px solid var(--qj-gold);background:var(--qj-warning-bg);color:var(--qj-dim);font-size:9px;line-height:1.55}
.brain-task-explain b{flex:0 0 auto;color:var(--qj-gold)}
.brain-linked-docs{margin:11px 0;padding:10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(255,255,255,.02)}
.brain-linked-docs>b{display:block;margin-bottom:7px;font-size:9px}
.brain-linked-docs>div{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.brain-blocked-modal{display:flex;align-items:flex-start;gap:12px;padding:12px;border:2px solid var(--qj-critical-border);border-radius:10px;background:var(--qj-critical-bg);margin-bottom:12px}
.brain-blocked-modal h3{margin:0 0 4px;font-size:14px}
.brain-blocked-modal p{margin:0;color:var(--qj-dim);font-size:9px}
.brain-blocker-list{display:flex;flex-direction:column;gap:7px}
.brain-blocker-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(255,255,255,.02);color:var(--qj-text);text-align:left;cursor:pointer}
.brain-blocker-item code{color:var(--qj-red);font-size:8px}
.brain-blocker-item strong{font-size:9px}
.brain-blocker-item span{color:var(--qj-cyan);font-size:8px}
.brain-record-hint{margin-bottom:14px;padding:14px;border:2px solid var(--qj-info-border);border-radius:var(--qj-radius);background:linear-gradient(120deg,var(--qj-info-bg),rgba(255,255,255,.025));box-shadow:0 8px 24px rgba(46,216,255,.08)}
.brain-record-hint.has-sequence-warning{border-color:var(--qj-critical-border);background:linear-gradient(120deg,var(--qj-critical-bg),rgba(255,255,255,.025))}
.brain-record-hint-head{display:flex;align-items:flex-start;gap:10px}
.brain-record-hint-head>div{flex:1;min-width:0}
.brain-record-hint-head h3{margin:3px 0;font-size:14px}
.brain-record-hint-head p{margin:0;color:var(--qj-dim);font-size:9px;line-height:1.55}
.brain-sequence-warning{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:8px;border-radius:7px;background:var(--qj-critical-bg);color:var(--qj-signal-critical);font-size:9px;line-height:1.5}
.brain-record-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;margin-top:10px}
.brain-record-actions>div{display:flex;align-items:flex-start;gap:7px;padding:8px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(0,0,0,.10)}
.brain-record-actions i{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:var(--qj-gold);color:var(--qj-water-0);font-size:8px;font-style:normal;font-weight:700}
.brain-record-actions b,.brain-record-actions small{display:block}
.brain-record-actions b{font-size:9px}
.brain-record-actions small{margin-top:3px;color:var(--qj-muted);font-size:8px;line-height:1.45}
.brain-record-hint-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--qj-muted);font-size:7px}
.brain-record-hint-foot>span{display:flex;align-items:center;gap:4px;line-height:1.45}

.archive-hero{background:linear-gradient(115deg,rgba(255,207,92,.10),rgba(3,25,42,.74) 48%,rgba(46,230,255,.08))}
.archive-project-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.archive-project-switch label{color:var(--qj-muted);font-size:10px;letter-spacing:1px}
.archive-project-switch .ak-select{min-width:min(430px,68vw)}
.archive-hero-status{min-width:200px;padding:15px 18px;border:1px solid var(--qj-border-strong);border-radius:16px;background:rgba(3,20,35,.40);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.archive-hero-status span,.archive-hero-status strong,.archive-hero-status small{display:block}
.archive-hero-status span{color:var(--qj-muted);font-size:9px}
.archive-hero-status strong{margin:5px 0;color:var(--qj-gold);font-size:18px}
.archive-hero-status small{color:var(--qj-dim);font-size:9px;line-height:1.5}
.archive-ready-banner,.archive-blocker-banner,.archive-frozen-banner{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:12px 14px;border-radius:var(--qj-radius-sm);font-size:10px;line-height:1.55}
.archive-ready-banner{border:1px solid var(--qj-success-border);background:var(--qj-success-bg);color:var(--qj-signal-success)}
.archive-blocker-banner{border:2px solid var(--qj-critical-border);background:var(--qj-critical-bg);box-shadow:0 0 24px var(--qj-critical-halo)}
.archive-frozen-banner{border:1px solid var(--qj-info-border);background:var(--qj-info-bg);color:var(--qj-cyan)}
.archive-ready-banner strong,.archive-ready-banner span,.archive-blocker-banner strong,.archive-blocker-banner span,.archive-frozen-banner strong,.archive-frozen-banner span{display:block}
.archive-ready-banner strong,.archive-blocker-banner strong,.archive-frozen-banner strong{font-size:11px}
.archive-ready-banner span,.archive-blocker-banner span,.archive-frozen-banner span{margin-top:3px;color:var(--qj-dim);font-size:9px}
.archive-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.archive-step-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:14px}
.archive-step{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(255,255,255,.018)}
.archive-step>i{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid var(--qj-border);border-radius:50%;color:var(--qj-muted);font-size:8px;font-style:normal}
.archive-step strong,.archive-step small{display:block}
.archive-step strong{font-size:9px}
.archive-step small{margin-top:2px;color:var(--qj-muted);font-size:7px;line-height:1.4}
.archive-step.is-done{border-color:var(--qj-success-border);background:var(--qj-success-bg)}
.archive-step.is-done>i{border-color:var(--qj-success-border);color:var(--qj-signal-success)}
.archive-step.is-active{border-color:var(--qj-warning-border);background:var(--qj-warning-bg);box-shadow:0 0 18px rgba(255,216,77,.09)}
.archive-step.is-active>i{border-color:var(--qj-gold);color:var(--qj-gold);animation:qj-control-breathe 3s ease-in-out infinite;--alert-halo:var(--qj-warning-halo)}
.archive-action-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(5,16,32,.44)}
.archive-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);gap:15px}
.archive-volumes-card{padding:17px}
.archive-volume-list{display:flex;flex-direction:column;gap:7px}
.archive-volume{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(255,255,255,.021)}
.archive-volume-main{display:flex;align-items:center;gap:10px;min-width:0}
.archive-volume-no{display:grid;place-items:center;flex:0 0 48px;width:48px;height:32px;border-radius:8px;background:var(--qj-info-bg);color:var(--qj-cyan);font:10px Consolas,monospace}
.archive-volume-main strong,.archive-volume-main small{display:block}
.archive-volume-main strong{font-size:10px}
.archive-volume-main small{margin-top:3px;color:var(--qj-muted);font-size:8px;line-height:1.4}
.archive-side-stack{display:flex;flex-direction:column;gap:15px}
.archive-check-list{display:flex;flex-direction:column;gap:6px}
.archive-check-list>div{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:7px;background:rgba(255,255,255,.02);font-size:8px}
.archive-check-list>.is-pass{color:var(--qj-signal-success)}
.archive-check-list>.is-fail{color:var(--qj-signal-critical);background:var(--qj-critical-bg)}
.archive-missing-details{margin-top:9px;border-top:1px solid var(--qj-border);padding-top:8px}
.archive-missing-details summary{color:var(--qj-muted);font-size:8px;cursor:pointer}
.archive-missing-details>div{display:flex;flex-direction:column;gap:5px;margin-top:7px;max-height:230px;overflow:auto}
.archive-missing-details span{display:flex;gap:5px;color:var(--qj-dim);font-size:8px}
.archive-missing-details code{color:var(--qj-red);font-size:7px}
.archive-transfer-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}
.archive-transfer-meta>div{padding:7px;border:1px solid var(--qj-border);border-radius:7px;background:rgba(255,255,255,.02)}
.archive-transfer-meta span,.archive-transfer-meta strong{display:block}
.archive-transfer-meta span{color:var(--qj-muted);font-size:7px}
.archive-transfer-meta strong{margin-top:3px;font-size:8px;line-height:1.4;word-break:break-all}
.archive-return-reason{margin-bottom:9px;padding:8px;border-left:2px solid var(--qj-red);background:var(--qj-critical-bg);color:var(--qj-dim);font-size:8px;line-height:1.5}
.archive-return-reason b{display:block;margin-bottom:3px;color:var(--qj-red)}
.archive-event-line{display:flex;flex-direction:column}
.archive-event{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid rgba(118,198,255,.08)}
.archive-event:last-child{border-bottom:0}
.archive-event>i{align-self:start;padding:2px 5px;border-radius:4px;background:var(--qj-info-bg);color:var(--qj-cyan);font-size:7px;font-style:normal;text-align:center}
.archive-event strong,.archive-event span,.archive-event p,.archive-event code{display:block}
.archive-event strong{font-size:8px}
.archive-event span{margin-top:2px;color:var(--qj-muted);font-size:7px}
.archive-event p{margin:4px 0;color:var(--qj-dim);font-size:8px;line-height:1.45}
.archive-event code{color:var(--qj-muted);font-size:7px}
.archive-empty{display:flex;align-items:center;gap:6px;padding:14px;border:1px dashed var(--qj-border);border-radius:8px;color:var(--qj-muted);font-size:8px}
.archive-retention-info{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(255,255,255,.02);color:var(--qj-dim);font-size:8px}
.archive-retention-info b{display:inline-block;width:55px;color:var(--qj-muted);font-weight:500}
.archive-borrow-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.archive-borrow-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--qj-border);border-radius:7px;background:rgba(255,255,255,.02)}
.archive-borrow-row.is-overdue{border-color:var(--qj-critical-border);background:var(--qj-critical-bg)}
.archive-borrow-row strong,.archive-borrow-row small{display:block}
.archive-borrow-row strong{font-size:8px}
.archive-borrow-row small{margin-top:2px;color:var(--qj-muted);font-size:7px}
.archive-volume-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px;padding:12px;border:1px solid var(--qj-border);border-radius:10px;background:var(--qj-info-bg)}
.archive-volume-detail-head h2{margin:4px 0;font-size:16px}
.archive-volume-detail-head p{margin:0;color:var(--qj-dim);font-size:9px}
.archive-volume-detail-head>div>span{color:var(--qj-cyan);font-size:8px}

.filter-bar{
  display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px;
  border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(5,16,32,.44);
}
.filter-bar .ak-input,.filter-bar .ak-select{width:auto;min-width:140px}
.filter-bar .search-wide{flex:1;min-width:240px}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.project-card{position:relative;overflow:hidden;padding:18px}
.project-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:var(--qj-cyan);opacity:.045;filter:blur(15px)}
.project-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.project-code{color:var(--qj-cyan);font-size:10px;letter-spacing:1px}
.project-card h3{margin:7px 0 5px;font-size:15px}
.project-card p{margin:0;color:var(--qj-dim);font-size:11px;line-height:1.6}
.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}
.meta-box{padding:10px;border:1px solid rgba(118,198,255,.1);border-radius:9px;background:rgba(255,255,255,.025)}
.meta-box span{display:block;color:var(--qj-muted);font-size:9px}
.meta-box b{display:block;margin-top:5px;font-size:12px;font-weight:600}
.project-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}

.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.template-card{padding:17px;display:flex;flex-direction:column;gap:12px;min-height:205px}
.template-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.template-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(82,214,255,.09);border:1px solid rgba(82,214,255,.15);font-size:18px}
.template-card h3{margin:0;font-size:14px;line-height:1.5}
.template-card p{margin:4px 0 0;color:var(--qj-dim);font-size:11px;line-height:1.6;flex:1}
.template-code{font-size:9px;color:var(--qj-muted);font-family:Consolas,monospace}
.template-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:11px;border-top:1px solid rgba(118,198,255,.09)}

.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.summary-card{padding:16px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.025)}
.summary-card b{display:block;font-size:24px}
.summary-card span{color:var(--qj-dim);font-size:11px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--qj-cyan)}
.status-dot.pending{background:var(--qj-gold)}
.status-dot.approved,.status-dot.pass,.status-dot.archived{background:var(--qj-green)}
.status-dot.rejected,.status-dot.fail{background:var(--qj-red)}
.status-dot.draft{background:var(--qj-dim)}
.money-due{color:var(--qj-signal-critical);text-shadow:0 0 12px var(--qj-critical-halo)}
.money-paid{color:var(--qj-signal-success)}
.labor-warning-strip{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border:2px solid var(--qj-critical-border);border-radius:12px;background:linear-gradient(90deg,var(--qj-critical-bg),rgba(255,255,255,.025));box-shadow:0 0 26px var(--qj-critical-halo)}
.labor-warning-strip .alert-symbol{animation:qj-signal-breathe 2.4s ease-in-out infinite;--alert-halo:var(--qj-critical-halo);--alert-color:var(--qj-signal-critical);--alert-bg:var(--qj-critical-bg)}
.labor-warning-strip strong,.labor-warning-strip span{display:block}
.labor-warning-strip strong{font-size:12px}
.labor-warning-strip>div>span{margin-top:3px;color:var(--qj-dim);font-size:10px;line-height:1.5}
.labor-table-panel{padding:0;overflow:hidden}
.labor-table td{vertical-align:middle}
.labor-hero-stat b{font-size:25px}
.labor-table .ak-btn{white-space:nowrap}
.ai-upload-zone{display:grid;place-items:center;gap:7px;margin-bottom:12px;padding:28px 18px;border:2px dashed var(--qj-border-strong);border-radius:var(--qj-radius);background:linear-gradient(135deg,var(--qj-info-bg),rgba(255,255,255,.02));cursor:pointer;transition:.18s;text-align:center}
.ai-upload-zone:hover,.ai-upload-zone.is-dragging{border-color:var(--qj-cyan);background:rgba(46,230,255,.11);box-shadow:0 0 28px rgba(46,230,255,.16);transform:translateY(-1px)}
.ai-upload-zone strong{font-size:14px}
.ai-upload-zone span{font-size:10px;color:var(--qj-muted)}
.ai-upload-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--qj-cyan);border-radius:50%;color:var(--qj-cyan);font-size:22px;box-shadow:0 0 18px rgba(46,230,255,.2)}
.ai-inbox-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:11px 14px;border:1px solid var(--qj-border);border-radius:11px;background:rgba(255,255,255,.025);font-size:10px}
.ai-inbox-note>span{color:var(--qj-gold);font-weight:700}
.ai-inbox-note code{padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.22);color:var(--qj-cyan)}
.ai-inbox-note small{color:var(--qj-muted);line-height:1.5}
.ai-decision-panel{margin-bottom:16px;padding:16px 18px;border:1px solid var(--qj-info-border);border-radius:var(--qj-radius);background:linear-gradient(135deg,var(--qj-info-bg),rgba(255,255,255,.025))}
.ai-office-brief{margin-bottom:16px;padding:15px 17px;border:1px solid var(--qj-info-border);border-radius:var(--qj-radius);background:linear-gradient(120deg,rgba(46,216,255,.11),rgba(255,255,255,.025));box-shadow:0 10px 30px rgba(0,0,0,.12)}
.ai-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ai-brief-head h2{margin:3px 0;font-size:15px}
.ai-brief-head p{margin:0;color:var(--qj-dim);font-size:10px;line-height:1.55}
.ai-brief-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.ai-brief-priorities>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 7px;padding:9px 10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(0,0,0,.12)}
.ai-brief-priorities b{align-self:start;padding:2px 5px;border-radius:4px;background:var(--qj-gold);color:var(--qj-water-0);font-size:8px}
.ai-brief-priorities strong{font-size:10px}
.ai-brief-priorities span{grid-column:2;color:var(--qj-muted);font-size:9px;line-height:1.45}
.ai-brief-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.ai-brief-foot span{color:var(--qj-muted);font-size:9px}
.ai-decision-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.ai-decision-head h2{margin:4px 0;font-size:16px}
.ai-decision-head p{margin:0;color:var(--qj-dim);font-size:10px;line-height:1.55}
.ai-priority-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.ai-priority{display:flex;gap:9px;padding:10px;border:1px solid var(--qj-border);border-radius:9px;background:rgba(255,255,255,.03)}
.ai-priority>b{flex:0 0 auto;align-self:flex-start;padding:2px 5px;border-radius:4px;font-size:8px;color:var(--qj-water-0);background:var(--qj-gold)}
.ai-priority-critical b{background:var(--qj-signal-critical)}
.ai-priority-warning b{background:var(--qj-signal-warning)}
.ai-priority strong,.ai-priority span{display:block}
.ai-priority strong{font-size:10px}
.ai-priority span{margin-top:3px;color:var(--qj-muted);font-size:9px;line-height:1.45}
.ai-job-panel{padding:0;overflow:hidden}
.ai-job-error{max-width:230px;margin-top:4px;color:var(--qj-red);font-size:8px;white-space:normal}
.confidence-meter{display:inline-block;width:72px;height:7px;margin-right:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09);vertical-align:middle}
.confidence-meter i{display:block;height:100%;border-radius:99px}
.confidence-high i{background:var(--qj-signal-success)}
.confidence-medium i{background:var(--qj-signal-warning)}
.confidence-low i{background:var(--qj-signal-critical)}
.ai-review-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px}
.ai-review-banner{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(255,255,255,.035);font-size:10px;color:var(--qj-dim)}
.ai-review-banner b{color:var(--qj-gold)}
.ai-issue-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.ai-issue-list span{padding:7px 9px;border-left:3px solid var(--qj-signal-warning);background:var(--qj-warning-bg);font-size:9px;color:var(--qj-dim)}
.ai-source-preview{width:100%;max-height:360px;object-fit:contain;border-radius:9px;background:#fff}
.ai-ocr-text{margin-top:10px}
.ai-ocr-text summary{cursor:pointer;color:var(--qj-cyan);font-size:10px}
.ai-ocr-text pre{max-height:360px;overflow:auto;white-space:pre-wrap;padding:10px;border-radius:8px;background:rgba(0,0,0,.22);font-size:9px;line-height:1.6}
.mobile-qr-wrap{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:22px}
.mobile-qr-wrap img{width:240px;height:240px;border-radius:14px;background:#fff;padding:8px}
.mobile-qr-wrap h3{margin:0 0 8px}
.mobile-qr-wrap p{color:var(--qj-dim);font-size:11px;line-height:1.65}
.mobile-qr-wrap code{display:block;margin:10px 0;padding:8px;border-radius:7px;background:rgba(0,0,0,.2);color:var(--qj-cyan);font-size:9px;word-break:break-all}
.status-stack{display:flex;height:12px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06);margin:14px 0}
.status-stack i{display:block;height:100%}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--qj-dim)}

.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:16px}
.detail-hero{padding:18px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(82,214,255,.045);margin-bottom:14px}
.detail-hero h2{margin:5px 0 7px;font-size:20px}
.detail-hero p{margin:0;color:var(--qj-dim);font-size:12px;line-height:1.7}
.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fact{padding:10px 11px;border:1px solid rgba(118,198,255,.09);border-radius:9px;background:rgba(255,255,255,.02)}
.fact span{display:block;color:var(--qj-muted);font-size:9px;margin-bottom:4px}
.fact b{font-size:12px;font-weight:500;word-break:break-word}
.form-sections{display:flex;flex-direction:column;gap:14px}
.form-section{padding:15px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.018)}
.form-section h4{margin:0 0 12px;font-size:13px;display:flex;align-items:center;gap:7px}
.form-section h4::before{content:"";width:3px;height:14px;border-radius:9px;background:var(--qj-cyan)}
.form-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-field-grid .full{grid-column:1/-1}
.field-hint{margin-top:4px;color:var(--qj-muted);font-size:10px}
.required-star{color:var(--qj-red);margin-left:3px}
.checklist-block{overflow:auto}
.checklist-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--qj-border);border-radius:10px;overflow:hidden}
.checklist-table th{padding:9px 10px;text-align:left;background:rgba(2,10,22,.5);color:var(--qj-dim);font-size:10px;font-weight:500}
.checklist-table td{padding:8px 10px;border-top:1px solid rgba(118,198,255,.09);font-size:11px}
.checklist-table td:first-child{width:50%}
.checklist-table select,.checklist-table input{width:100%;padding:7px 8px;border:1px solid var(--qj-border);border-radius:7px;background:rgba(2,10,22,.42);color:var(--qj-text);font-size:11px}
.signature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.signature-box{padding-top:26px;border-top:1px solid rgba(118,198,255,.28);text-align:center;color:var(--qj-dim);font-size:10px}
.signature-section{margin-top:18px;padding:16px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.025)}
.signature-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.signature-section-head h3{margin:0;font-size:14px}
.signature-section-head p{margin:4px 0 0;color:var(--qj-muted);font-size:10px}
.signature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.signature-card{min-width:0;padding:11px;border:1px solid var(--qj-border);border-radius:10px;background:rgba(255,255,255,.03)}
.signature-card-head,.signature-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.signature-card-head span{font-size:9px;color:var(--qj-cyan)}
.signature-card-head b{font-size:10px}
.signature-image,.signature-typed{display:grid;place-items:center;width:100%;height:60px;margin:7px 0;object-fit:contain;color:var(--qj-text);font-family:"KaiTi","STKaiti",cursive;font-size:25px;border-bottom:1px solid var(--qj-border)}
.signature-card-foot{font-size:8px;color:var(--qj-muted)}
.signature-card-foot code{font-size:8px;color:var(--qj-dim)}
.signature-empty{padding:24px 12px}
.signature-empty .ak-empty-icon{font-size:26px;margin-bottom:5px}
.signature-empty h3{font-size:12px;margin:0 0 4px}
.signature-empty p{font-size:9px;margin:0}
.signature-disclaimer{margin:10px 0 0;color:var(--qj-muted);font-size:9px;line-height:1.55}
.signature-pad-wrap{margin-top:12px;overflow:hidden;border:1px solid var(--qj-border);border-radius:10px;background:rgba(255,255,255,.025)}
.signature-pad-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid var(--qj-border)}
.signature-pad-head strong,.signature-pad-head span{display:block}
.signature-pad-head strong{font-size:11px}
.signature-pad-head span{margin-top:2px;color:var(--qj-muted);font-size:9px}
.signature-pad{display:block;width:100%;height:145px;background:rgba(255,255,255,.94);touch-action:none;cursor:crosshair}
.signature-confirm{display:flex;align-items:flex-start;gap:7px;margin-top:12px;color:var(--qj-dim);font-size:10px;line-height:1.55}
.signature-confirm input{margin-top:2px;accent-color:var(--qj-gold)}

.timeline{display:flex;flex-direction:column;gap:0;margin-top:3px}
.timeline-item{position:relative;padding:0 0 16px 24px;border-left:1px solid rgba(118,198,255,.18)}
.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}
.timeline-item::before{content:"";position:absolute;left:-4px;top:1px;width:7px;height:7px;border-radius:50%;background:var(--qj-cyan);box-shadow:0 0 10px rgba(82,214,255,.5)}
.timeline-item strong{display:block;font-size:11px}
.timeline-item span{display:block;margin-top:3px;color:var(--qj-muted);font-size:9px}
.timeline-item p{margin:6px 0 0;color:var(--qj-dim);font-size:10px;line-height:1.5}
.attachment-list{display:flex;flex-direction:column;gap:7px}
.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--qj-border);border-radius:8px;background:rgba(255,255,255,.022);font-size:10px}

.info-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(240,194,112,.2);border-radius:11px;background:rgba(240,194,112,.055);color:var(--qj-dim);font-size:11px;line-height:1.6}
.info-banner strong{color:var(--qj-gold)}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--qj-border)}
.settings-tabs button{padding:10px 14px;background:none;border:0;border-bottom:2px solid transparent;color:var(--qj-dim);cursor:pointer}
.settings-tabs button.active{border-bottom-color:var(--qj-gold);color:var(--qj-gold)}
.loading-state{display:grid;place-items:center;min-height:280px;color:var(--qj-dim);font-size:12px}
.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--qj-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}
@keyframes spin{to{transform:rotate(360deg)}}
.form-error{padding:9px 11px;margin-top:10px;border-radius:8px;border:1px solid rgba(255,107,107,.25);background:rgba(255,107,107,.08);color:var(--qj-red);font-size:11px}

/* 办公浅色主题：暖灰蓝底、白色玻璃卡片、深蓝文字 */
body.theme-light{
  --qj-cyan:#176f91;
  --qj-cyan-soft:rgba(23,111,145,.09);
  --qj-blue:#356fa8;
  --qj-gold:#9b681f;
  --qj-green:#247c59;
  --qj-red:#b93f45;
  --qj-orange:#a95e25;
  --qj-purple:#75539f;
  --qj-panel:rgba(255,255,255,.78);
  --qj-panel-strong:rgba(255,255,255,.97);
  --qj-panel-soft:rgba(255,255,255,.52);
  --qj-border:rgba(31,70,102,.13);
  --qj-border-strong:rgba(31,70,102,.24);
  --qj-text:#173247;
  --qj-dim:#5d7185;
  --qj-muted:#8493a3;
  --qj-sidebar:220px;
  --ak-bg-0:#eef3f7;
  --ak-bg-1:#ffffff;
  --ak-bg-2:#f5f8fb;
  --ak-glass:rgba(255,255,255,.70);
  --ak-glass-strong:rgba(255,255,255,.90);
  --ak-border:rgba(31,70,102,.13);
  --ak-border-strong:rgba(31,70,102,.24);
  --ak-text:#173247;
  --ak-text-dim:#5d7185;
  --ak-text-mute:#8493a3;
  --ak-gold:#2b6b8b;
  --ak-gold-2:#1f536e;
  --ak-blue:#356fa8;
  --ak-green:#247c59;
  --ak-red:#b93f45;
  --ak-orange:#a95e25;
  --ak-shadow:0 12px 34px rgba(35,62,86,.14);
  --ak-shadow-soft:0 5px 18px rgba(35,62,86,.08);
  --qj-signal-critical:#b93f45;
  --qj-signal-warning:#9b681f;
  --qj-signal-info:#24708f;
  --qj-signal-success:#237653;
  --qj-critical-bg:#fff0f1;
  --qj-critical-border:rgba(185,63,69,.24);
  --qj-critical-halo:rgba(185,63,69,.18);
  --qj-warning-bg:#fff8e8;
  --qj-warning-border:rgba(155,104,31,.24);
  --qj-warning-halo:rgba(155,104,31,.16);
  --qj-info-bg:#edf6fa;
  --qj-info-border:rgba(36,112,143,.22);
  --qj-success-bg:#edf8f3;
  --qj-success-border:rgba(35,118,83,.22);
  --qj-signature-ink:#173247;
  background:
    radial-gradient(900px 540px at 74% -16%,rgba(91,164,201,.14),transparent 64%),
    radial-gradient(760px 520px at 6% 9%,rgba(241,205,137,.11),transparent 58%),
    radial-gradient(760px 600px at 46% 110%,rgba(96,167,141,.08),transparent 62%),
    linear-gradient(155deg,#f8fbfd 0%,#edf3f7 48%,#f6f8fa 100%);
  color:var(--qj-text);
}
body.theme-light::before{
  opacity:.18;
  background-image:radial-gradient(rgba(40,89,124,.17) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 90%);
  animation:none;
}
body.theme-light::after{display:none}
body.theme-light .bg-wave{opacity:.12}
body.theme-light .bg-auras span{opacity:.07;filter:blur(90px);animation-duration:30s}
body.theme-light .brand-kicker,
body.theme-light .eyebrow{color:var(--qj-blue)}
body.theme-light .login-visual{background:linear-gradient(145deg,rgba(246,250,252,.68),rgba(233,241,246,.46))}
body.theme-light .login-brand h1{color:#173247;text-shadow:none}
body.theme-light .login-brand h1 span{color:#9b681f}
body.theme-light .login-copy{color:#586f84}
body.theme-light .feature-chip{background:rgba(255,255,255,.66);border-color:rgba(31,70,102,.12);box-shadow:0 6px 20px rgba(35,62,86,.05)}
body.theme-light .login-blueprint{opacity:.10}
body.theme-light .login-panel-wrap{background:rgba(244,248,251,.72);border-left-color:rgba(31,70,102,.11)}
body.theme-light .login-panel{background:rgba(255,255,255,.88)}
body.theme-light .login-panel-title p,
body.theme-light .demo-hint,
body.theme-light .login-footer{color:#6f8090}
body.theme-light .demo-hint code{background:rgba(23,111,145,.08);color:#176f91}
body.theme-light .sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,249,251,.88));
  border-right-color:var(--qj-border);
  box-shadow:8px 0 28px rgba(35,62,86,.05);
}
body.theme-light .sidebar-brand,
body.theme-light .sidebar-foot{border-color:var(--qj-border)}
body.theme-light .nav-group{color:#8a99a8}
body.theme-light .nav-item{color:#5b6f82}
body.theme-light .nav-item:hover{color:#173247;background:rgba(43,107,139,.07)}
body.theme-light .nav-item.active{color:#173247;background:linear-gradient(90deg,rgba(43,107,139,.13),rgba(43,107,139,.045));border-color:rgba(43,107,139,.15)}
body.theme-light .nav-icon{color:#2b6b8b}
body.theme-light .system-indicator{color:#5d7185}
body.theme-light .topbar{background:rgba(255,255,255,.83);border-bottom-color:var(--qj-border);box-shadow:0 5px 18px rgba(35,62,86,.045)}
body.theme-light .page-heading h2{color:#173247}
body.theme-light .top-search{background:rgba(244,248,251,.92);border-color:rgba(31,70,102,.12)}
body.theme-light .top-search input{color:#173247}
body.theme-light .top-search span{color:#2b6b8b}
body.theme-light .icon-button{color:#617486;border-color:rgba(31,70,102,.14);background:rgba(255,255,255,.76)}
body.theme-light .alert-center-button[data-severity="critical"]{color:var(--qj-signal-critical);border-color:var(--qj-critical-border);background:var(--qj-critical-bg)}
body.theme-light .alert-center-button[data-severity="warning"]{color:var(--qj-signal-warning);border-color:var(--qj-warning-border);background:var(--qj-warning-bg)}
body.theme-light .alert-center-button[data-severity="healthy"]{color:var(--qj-signal-success);border-color:var(--qj-success-border);background:var(--qj-success-bg)}
body.theme-light .user-popover{background:rgba(255,255,255,.98);box-shadow:0 16px 38px rgba(35,62,86,.16)}
body.theme-light .user-popover button{color:#586f84}
body.theme-light .user-popover button:hover{background:#edf5f9;color:#173247}
body.theme-light .ak-panel,
body.theme-light .qj-card{background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(248,251,253,.72));border-color:rgba(31,70,102,.12);box-shadow:0 12px 36px rgba(35,62,86,.08),inset 0 1px rgba(255,255,255,.8)}
body.theme-light .page-hero{background:linear-gradient(110deg,rgba(214,235,245,.62),rgba(255,255,255,.84));border-color:rgba(31,70,102,.12)}
body.theme-light .alert-center{background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(244,249,252,.80));border-color:rgba(31,70,102,.12);box-shadow:0 12px 32px rgba(35,62,86,.07)}
body.theme-light .page-hero p,
body.theme-light .card-head p,
body.theme-light .section-head p{color:#718395}
body.theme-light .hero-stat{border-left-color:rgba(31,70,102,.12)}
body.theme-light .hero-stat b{color:#173247}
body.theme-light .ak-kpi{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(245,249,251,.78));border-color:rgba(31,70,102,.12)}
body.theme-light .ak-kpi-value{color:#173247}
body.theme-light .ak-input,
body.theme-light .ak-select,
body.theme-light .ak-textarea{background:#fff;border-color:rgba(31,70,102,.16);color:#173247}
body.theme-light .ak-input::placeholder,
body.theme-light .ak-textarea::placeholder{color:#9aa8b5}
body.theme-light .ak-input:focus,
body.theme-light .ak-select:focus,
body.theme-light .ak-textarea:focus{border-color:#2b6b8b;box-shadow:0 0 0 3px rgba(43,107,139,.10);background:#fff}
body.theme-light .ak-select option{background:#fff;color:#173247}
body.theme-light .ak-btn{background:#fff;border-color:rgba(31,70,102,.15);color:#435a70}
body.theme-light .ak-btn:hover{background:#edf5f9;border-color:rgba(31,70,102,.26);color:#173247}
body.theme-light .ak-btn-primary{background:linear-gradient(135deg,#2b6b8b,#1f536e);border-color:transparent;color:#fff;box-shadow:0 7px 20px rgba(43,107,139,.18)}
body.theme-light .ak-btn-primary:hover{filter:brightness(1.06);color:#fff}
body.theme-light .ak-btn-cyan{background:linear-gradient(135deg,#2b86a5,#356fa8);color:#fff}
body.theme-light .ak-btn-ghost{background:transparent}
body.theme-light .ak-btn-danger{background:#fff2f2;color:#b93f45;border-color:rgba(185,63,69,.22)}
body.theme-light .ak-btn-success{background:#eff9f4;color:#247c59;border-color:rgba(36,124,89,.22)}
body.theme-light .ak-table-wrap{background:rgba(255,255,255,.64);border-color:rgba(31,70,102,.12)}
body.theme-light .ak-table th{background:#edf4f8;color:#607487;border-bottom-color:rgba(31,70,102,.12)}
body.theme-light .ak-table td{color:#253e53;border-bottom-color:rgba(31,70,102,.08)}
body.theme-light .ak-table tr:hover td{background:#f5fafc}
body.theme-light .ak-table input[type="checkbox"]{accent-color:#2b6b8b}
body.theme-light .ak-tag{background:#edf6fa;color:#24708f;border-color:rgba(36,112,143,.23)}
body.theme-light .ak-tag-gold{background:#fff7e8;color:#8c611d;border-color:rgba(140,97,29,.24)}
body.theme-light .ak-tag-green{background:#edf8f3;color:#237653;border-color:rgba(35,118,83,.22)}
body.theme-light .ak-tag-red{background:#fff0f1;color:#b93f45;border-color:rgba(185,63,69,.22)}
body.theme-light .ak-tag-gray{background:#eef3f7;color:#4b6072;border-color:rgba(31,70,102,.16)}
body.theme-light .ak-modal{background:linear-gradient(150deg,#ffffff,#f4f8fa);border-color:rgba(31,70,102,.18);box-shadow:0 24px 70px rgba(35,62,86,.20)}
body.theme-light .ak-modal-mask{background:rgba(31,50,66,.28);backdrop-filter:blur(5px)}
body.theme-light .ak-modal-header,
body.theme-light .ak-modal-footer{border-color:rgba(31,70,102,.11)}
body.theme-light .ak-modal-close{color:#718395}
body.theme-light .ak-toast{background:#fff;border-color:rgba(31,70,102,.16);color:#173247;box-shadow:0 12px 30px rgba(35,62,86,.14)}
body.theme-light .project-card::after{background:#5da8c5;opacity:.08}
body.theme-light .project-code,
body.theme-light .percent-value{color:#246f8f}
body.theme-light .meta-box{background:#f7fafc;border-color:rgba(31,70,102,.10)}
body.theme-light .meta-box span,
body.theme-light .template-code{color:#7b8d9e}
body.theme-light .progress-line,
body.theme-light .chart-bar-track,
body.theme-light .status-stack{background:#e7eef3}
body.theme-light .chart-bar-track i{background:linear-gradient(90deg,#c59750,#a96e27)}
body.theme-light .insight-chart-card{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(234,244,248,.86));border-color:rgba(31,70,102,.12);box-shadow:0 10px 28px rgba(35,62,86,.08)}
body.theme-light .status-donut::after{background:#fff;border-color:#dce8ee}
body.theme-light .insight-bar-track,
body.theme-light .insight-project-track{background:#e4edf2}
body.theme-light .insight-bar-row.is-action:hover,
body.theme-light .insight-bar-row.is-action:focus-visible{background:#eef7fa}
body.theme-light .insight-risk-item{background:#fff;border-color:#dce8ee}
body.theme-light .stage-distribution-row{background:linear-gradient(90deg,#edf7fa,transparent)}
body.theme-light .filter-bar{background:rgba(255,255,255,.68);border-color:rgba(31,70,102,.12)}
body.theme-light .record-pagination{background:rgba(255,255,255,.68);border-color:rgba(31,70,102,.12)}
body.theme-light .catalog-hero{background:linear-gradient(115deg,rgba(214,235,245,.72),rgba(255,255,255,.88) 55%,rgba(255,247,232,.82))}
body.theme-light .catalog-filter-bar{background:rgba(255,255,255,.90)}
body.theme-light .catalog-section-head{background:linear-gradient(90deg,rgba(223,241,247,.72),rgba(255,255,255,.76))}
body.theme-light .catalog-section-head:hover{background:linear-gradient(90deg,rgba(210,235,244,.88),rgba(255,255,255,.82))}
body.theme-light .catalog-item{background:rgba(255,255,255,.42)}
body.theme-light .catalog-item:hover{background:rgba(229,244,249,.58)}
body.theme-light .catalog-item.is-critical-gap{background:linear-gradient(90deg,rgba(255,232,235,.75),rgba(255,255,255,.56) 48%)}
body.theme-light .catalog-item.is-overdue{background:linear-gradient(90deg,rgba(255,225,229,.88),rgba(255,249,231,.62) 70%)}
body.theme-light .catalog-critical-banner{background:linear-gradient(90deg,rgba(255,232,235,.92),rgba(255,255,255,.78));box-shadow:0 0 22px rgba(185,63,69,.13)}
body.theme-light .catalog-healthy-banner{background:#edf8f3;box-shadow:none}
body.theme-light .catalog-note{background:#fff8e8}
body.theme-light .catalog-edit-summary{background:linear-gradient(120deg,#e8f5f9,rgba(255,255,255,.82))}
body.theme-light .catalog-form-guide{background:rgba(255,255,255,.68)}
body.theme-light .brain-hero{background:linear-gradient(115deg,rgba(214,235,245,.78),rgba(255,255,255,.90) 52%,rgba(237,250,246,.82))}
body.theme-light .brain-stage-orbit{background:radial-gradient(circle at 100% 0,rgba(46,145,175,.12),transparent 58%),rgba(255,255,255,.72);box-shadow:0 12px 32px rgba(35,62,86,.07),inset 0 1px #fff}
body.theme-light .brain-confirm-banner{background:linear-gradient(90deg,#fff7e8,rgba(255,255,255,.78));box-shadow:none}
body.theme-light .brain-blocker-banner{background:linear-gradient(90deg,#ffe8eb,rgba(255,255,255,.82));box-shadow:0 0 22px rgba(185,63,69,.12)}
body.theme-light .brain-ready-banner{background:#edf8f3}
body.theme-light .brain-task,
body.theme-light .brain-stage-node,
body.theme-light .brain-upcoming-item,
body.theme-light .brain-next-gate,
body.theme-light .brain-linked-docs,
body.theme-light .brain-blocker-item,
body.theme-light .brain-record-actions>div{background:rgba(255,255,255,.62);border-color:rgba(31,70,102,.12)}
body.theme-light .brain-task.is-critical{background:linear-gradient(90deg,#fff2f4,rgba(255,255,255,.68) 56%);border-color:rgba(185,63,69,.20)}
body.theme-light .brain-task.is-done{background:rgba(237,248,243,.72)}
body.theme-light .brain-task-hint{background:#eef7fa}
body.theme-light .brain-stage-node.is-completed{background:#edf8f3}
body.theme-light .brain-stage-node.is-active{background:linear-gradient(135deg,#fff8e8,#fff);box-shadow:0 8px 20px rgba(155,104,31,.08)}
body.theme-light .brain-complete-state{background:#edf8f3}
body.theme-light .brain-upcoming-item:hover{background:#edf6fa}
body.theme-light .brain-task-modal-head{background:#eef7fa}
body.theme-light .brain-task-explain{background:#fff8e8}
body.theme-light .brain-blocked-modal{background:#fff0f2}
body.theme-light .brain-record-hint{background:linear-gradient(120deg,#e9f6fa,rgba(255,255,255,.86));box-shadow:0 8px 22px rgba(35,62,86,.07)}
body.theme-light .brain-record-hint.has-sequence-warning{background:linear-gradient(120deg,#ffeef1,rgba(255,255,255,.86))}
body.theme-light .archive-hero{background:linear-gradient(115deg,rgba(255,247,228,.86),rgba(255,255,255,.90) 52%,rgba(230,246,250,.82))}
body.theme-light .archive-hero-status{background:rgba(255,255,255,.72);box-shadow:0 10px 26px rgba(35,62,86,.06)}
body.theme-light .archive-ready-banner{background:#edf8f3}
body.theme-light .archive-blocker-banner{background:#ffe8eb;box-shadow:0 0 22px rgba(185,63,69,.12)}
body.theme-light .archive-frozen-banner{background:#e9f6fa}
body.theme-light .archive-action-bar{background:rgba(255,255,255,.76);border-color:rgba(31,70,102,.12)}
body.theme-light .archive-step,
body.theme-light .archive-volume,
body.theme-light .archive-transfer-meta>div,
body.theme-light .archive-retention-info,
body.theme-light .archive-borrow-row{background:rgba(255,255,255,.64);border-color:rgba(31,70,102,.12)}
body.theme-light .archive-step.is-done{background:#edf8f3}
body.theme-light .archive-step.is-active{background:#fff8e8}
body.theme-light .archive-return-reason{background:#fff0f2}
body.theme-light .archive-volume-detail-head{background:#e9f6fa}
body.theme-light .summary-card,
body.theme-light .fact,
body.theme-light .form-section{background:rgba(255,255,255,.64);border-color:rgba(31,70,102,.11)}
body.theme-light .detail-hero{background:linear-gradient(135deg,rgba(231,244,249,.72),rgba(255,255,255,.78));border-color:rgba(31,70,102,.12)}
body.theme-light .form-section h4{color:#203b51}
body.theme-light .checklist-table{border-color:rgba(31,70,102,.13)}
body.theme-light .checklist-table th{background:#edf4f8;color:#617587}
body.theme-light .checklist-table td{border-top-color:rgba(31,70,102,.08);color:#314b61}
body.theme-light .checklist-table select,
body.theme-light .checklist-table input{background:#fff;border-color:rgba(31,70,102,.14);color:#173247}
body.theme-light .signature-box{border-top-color:rgba(31,70,102,.25);color:#667a8c}
body.theme-light .info-banner{background:#fff8e8;border-color:rgba(155,104,31,.20);color:#6f5a3e}
body.theme-light .info-banner strong{color:#7a521a}
body.theme-light .timeline-item{border-left-color:rgba(31,70,102,.14)}
body.theme-light .timeline-item::before{background:#2b6b8b;box-shadow:0 0 8px rgba(43,107,139,.25)}
body.theme-light .attachment-item{background:#f7fafc;border-color:rgba(31,70,102,.10)}
body.theme-light .ak-empty{color:#718395}
body.theme-light .settings-tabs{border-color:rgba(31,70,102,.12)}
body.theme-light .settings-tabs button{color:#67798a}
body.theme-light .settings-tabs button.active{color:#8c611d;border-bottom-color:#9b681f}
body.theme-light .status-dot.draft{background:#8c9baa}
body.theme-light .theme-toggle{font-size:15px}

.ak-print-area{display:none}
@media (prefers-reduced-motion:reduce){
  body::before,
  body::after,
  .bg-wave,
  .bg-auras span,
  .signal-mark.signal-critical,
  .signal-mark.signal-warning,
  .alert-center-button,
  .nav-badge.is-alerting,
  .ak-kpi.kpi-alerting,
  .alert-critical .alert-symbol,
  .alert-warning .alert-symbol,
  .catalog-critical-banner,
  .catalog-item.is-critical-gap .catalog-risk-rail,
  .catalog-overdue-tag,
  .catalog-status-dot.pending,
  .brain-blocker-banner,
  .brain-blocker-banner .alert-symbol,
  .brain-task.is-blocking .brain-task-status-rail,
  .brain-stage-node.is-active>i,
  .archive-step.is-active>i,
  .system-indicator i{animation:none!important}
}
@media print{
  .bg-auras,.bg-wave,.app-shell,.login-screen,#modalRoot,body::before,body::after{display:none!important}
  html,body{background:#fff!important;color:#000!important;overflow:visible!important}
  .ak-print-area{display:block!important;position:static!important;width:100%!important;padding:0!important;font-family:"SimSun","Microsoft YaHei",serif}
  .ak-print-page{page-break-after:always}
  .print-title{text-align:center;font-size:22px;font-weight:700;margin:0 0 8px}
  .print-subtitle{text-align:center;font-size:11px;margin-bottom:16px;color:#333}
  .print-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #222;border-bottom:0}
  .print-meta div{padding:6px 8px;border-right:1px solid #222;font-size:11px}
  .print-meta div:nth-child(3n){border-right:0}
  .print-table{width:100%;border-collapse:collapse;table-layout:fixed}
  .print-table th,.print-table td{border:1px solid #222;padding:6px 7px;font-size:10.5px;line-height:1.5;vertical-align:top;color:#000}
  .print-table th{background:#f2f2f2!important;font-weight:700;text-align:center}
  .print-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;font-size:11px}
  .print-signatures>span{min-height:72px;padding-top:5px;text-align:center}
  .print-signature-empty,.print-signature-filled{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;border-top:1px solid #222}
  .print-signature-empty small,.print-signature-filled small{color:#555;font-size:8px}
  .print-signature-empty b{color:#999;font-size:11px}
  .print-signature-image{display:block;max-width:100%;height:42px;object-fit:contain;margin:3px auto}
  .print-signature-typed{font-family:"KaiTi","STKaiti",serif;font-size:20px;font-weight:400;padding:3px 0}
  .print-signature-filled em{font-style:normal;color:#666;font-size:7px}
  .print-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#444}
}

/* Project schedule and system settings center */
.schedule-hero,.settings-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.schedule-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.schedule-switch label{font-size:12px;color:var(--qj-dim)}
.schedule-switch .ak-select{min-width:320px}
.schedule-hero-status{
  min-width:210px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;
  padding:20px 22px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-lg);
  background:radial-gradient(circle at 100% 0,rgba(46,230,255,.16),transparent 45%),rgba(2,14,27,.45);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.18);
}
.schedule-hero-status>.signal-mark{grid-row:1 / span 2;align-self:center;width:24px;height:24px;font-size:12px}
.schedule-hero-status>span{color:var(--qj-dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.schedule-hero-status>strong{font-size:38px;line-height:1;color:var(--qj-green)}
.schedule-hero-status>strong small{font-size:15px;color:var(--qj-dim)}
.schedule-hero-status>em{grid-column:2;font-style:normal;color:var(--qj-gold);font-size:12px}
.schedule-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.gantt-card{padding:20px;margin-bottom:18px}
.gantt-card .card-head{align-items:flex-start}
.gantt-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 10px;font-size:11px;color:var(--qj-dim)}
.gantt-legend span{display:inline-flex;align-items:center;gap:6px}
.gantt-legend i{width:22px;height:7px;border-radius:99px;display:inline-block}
.gantt-legend i.is-completed,.gantt-bar.is-completed i{background:linear-gradient(90deg,var(--qj-green),var(--qj-cyan))}
.gantt-legend i.is-active,.gantt-bar.is-active i{background:linear-gradient(90deg,var(--qj-gold),var(--qj-orange))}
.gantt-legend i.is-pending,.gantt-bar.is-pending i{background:linear-gradient(90deg,var(--qj-blue),var(--qj-purple))}
.gantt-legend-today::before{content:"";width:2px;height:14px;background:var(--qj-red);box-shadow:0 0 10px var(--qj-red)}
.gantt-scroll{overflow:auto;border:1px solid var(--qj-border);border-radius:var(--qj-radius);background:rgba(1,10,21,.24)}
.gantt-board{min-width:1040px}
.gantt-head,.gantt-row{display:grid;grid-template-columns:21% minmax(420px,1fr) 150px;align-items:stretch}
.gantt-head{
  position:sticky;top:0;z-index:3;min-height:42px;border-bottom:1px solid var(--qj-border);
  background:rgba(2,14,28,.94);color:var(--qj-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;
  backdrop-filter:blur(14px);
}
.gantt-head>span{display:flex;align-items:center;padding:0 14px}
.gantt-head>span:last-child{justify-content:center;border-left:1px solid var(--qj-border)}
.gantt-axis{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-left:1px solid var(--qj-border);border-right:1px solid var(--qj-border)}
.gantt-axis span{text-align:center;color:var(--qj-dim)}
.gantt-body{position:relative}
.gantt-body::before{
  content:"";position:absolute;inset:0 150px 0 21%;pointer-events:none;opacity:.32;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),var(--qj-border) calc(20% - 1px),var(--qj-border) 20%);
}
.gantt-row{min-height:58px;border-bottom:1px solid rgba(113,222,255,.08);position:relative;z-index:1}
.gantt-row:last-child{border-bottom:0}
.gantt-row.is-current{background:linear-gradient(90deg,rgba(255,207,92,.07),transparent 55%)}
.gantt-stage-label{display:flex;align-items:center;gap:10px;padding:10px 14px;border-right:1px solid var(--qj-border)}
.gantt-stage-label strong{display:block;font-size:12px}
.gantt-stage-label small{display:block;margin-top:3px;color:var(--qj-muted);font-size:9px}
.gantt-seq{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid var(--qj-border);border-radius:9px;color:var(--qj-cyan);background:rgba(46,230,255,.07);font-size:11px;font-weight:700}
.gantt-track{position:relative;align-self:center;height:30px;margin:0 14px;border-radius:8px;background:rgba(255,255,255,.025)}
.gantt-bar{
  position:absolute;top:5px;height:20px;border:1px solid rgba(255,255,255,.13);border-radius:8px;
  overflow:hidden;background:rgba(58,155,255,.12);box-shadow:0 5px 14px rgba(0,0,0,.18);
}
.gantt-bar>i{display:block;height:100%;border-radius:7px;opacity:.9}
.gantt-bar>span{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.gantt-bar.is-active{border-color:rgba(255,207,92,.45);box-shadow:0 0 20px rgba(255,207,92,.12)}
.gantt-today-dot{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:var(--qj-red);transform:translate(-50%,-50%);box-shadow:0 0 9px var(--qj-red)}
.gantt-today-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,107,139,.62);pointer-events:none;z-index:2}
.gantt-today-line b{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:2px 6px;border-radius:99px;background:var(--qj-red);color:#1c0610;font-size:8px;white-space:nowrap}
.gantt-result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:8px 12px;border-left:1px solid var(--qj-border)}
.gantt-result small{color:var(--qj-muted);font-size:9px}
.schedule-bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.schedule-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.schedule-milestone{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:14px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-sm);background:rgba(255,255,255,.025)}
.schedule-milestone>i{grid-row:1 / span 2;color:var(--qj-cyan);font-style:normal;font-size:18px}
.schedule-milestone strong{display:block;font-size:12px}
.schedule-milestone span{display:block;margin-top:4px;color:var(--qj-dim);font-size:10px}
.schedule-milestone em{grid-column:2;font-style:normal;font-size:9px;color:var(--qj-muted)}
.schedule-milestone.is-completed>i{color:var(--qj-green)}
.schedule-milestone.is-active{border-color:rgba(255,207,92,.34);background:rgba(255,207,92,.05)}
.schedule-milestone.is-active>i{color:var(--qj-gold)}
.schedule-alert-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.schedule-alert-summary div{padding:13px;border:1px solid var(--qj-border);border-radius:12px;background:rgba(255,255,255,.025)}
.schedule-alert-summary span{display:block;color:var(--qj-muted);font-size:10px}
.schedule-alert-summary b{display:block;margin-top:7px;font-size:19px;color:var(--qj-text)}
.schedule-alert-summary b.is-danger{color:var(--qj-red)}
.schedule-alert-summary b.is-success{color:var(--qj-green)}
.schedule-basis{display:flex;gap:9px;padding:12px 14px;border:1px solid var(--qj-info-border);border-radius:12px;background:var(--qj-info-bg);color:var(--qj-dim);font-size:11px;line-height:1.7}

.settings-hero-tags{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:15px;color:var(--qj-dim);font-size:11px}
.settings-hero-tags span{display:inline-flex;align-items:center;gap:6px}
.settings-version-card{min-width:180px;padding:20px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-lg);background:rgba(2,14,27,.48);text-align:right;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.settings-version-card span{display:block;color:var(--qj-muted);font-size:10px;letter-spacing:1.5px}
.settings-version-card strong{display:block;margin:8px 0 3px;color:var(--qj-gold);font-size:28px}
.settings-version-card small{color:var(--qj-dim)}
.settings-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}
.settings-nav{position:sticky;top:calc(var(--qj-header) + 16px);display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid var(--qj-border);border-radius:var(--qj-radius);background:rgba(3,18,33,.55);backdrop-filter:blur(18px)}
.settings-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--qj-dim);cursor:pointer;text-align:left;transition:.18s}
.settings-nav button:hover{background:rgba(46,230,255,.055);color:var(--qj-text)}
.settings-nav button.active{background:linear-gradient(90deg,rgba(46,230,255,.13),rgba(255,207,92,.055));border-color:rgba(46,230,255,.18);color:var(--qj-text)}
.settings-nav button i{color:var(--qj-gold);font-style:normal}
.settings-panel{min-width:0;padding:22px;border:1px solid var(--qj-border);border-radius:var(--qj-radius-lg);background:linear-gradient(145deg,rgba(5,25,44,.68),rgba(3,13,27,.54));box-shadow:0 20px 60px rgba(0,0,0,.2);backdrop-filter:blur(20px)}
.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.settings-section-head h3{margin:0;font-size:19px}
.settings-section-head p{margin:7px 0 0;color:var(--qj-dim);font-size:12px;line-height:1.7}
.settings-form .form-field-grid{gap:14px}
.settings-form label>input,.settings-form label>textarea,.settings-form label>select{width:100%;margin-top:7px}
.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.settings-check{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--qj-border);border-radius:12px;background:rgba(255,255,255,.024);cursor:pointer}
.settings-check input{width:17px!important;height:17px;margin:2px 0 0!important;accent-color:var(--qj-gold)}
.settings-check span{display:block}
.settings-check b{display:block;font-size:12px}
.settings-check small{display:block;margin-top:4px;color:var(--qj-muted);font-size:10px;line-height:1.5}
.settings-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--qj-border)}
.settings-save-row>span{color:var(--qj-muted);font-size:10px}
.settings-token-help{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;padding:12px;border:1px dashed var(--qj-border);border-radius:12px;color:var(--qj-muted);font-size:10px}
.settings-token-help span{padding:3px 7px;border-radius:6px;background:rgba(46,230,255,.08);color:var(--qj-cyan);font-family:Consolas,monospace}
.settings-filter-bar{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:15px;padding:14px;border:1px solid var(--qj-border);border-radius:13px;background:rgba(255,255,255,.024)}
.settings-filter-bar label{font-size:10px;color:var(--qj-muted)}
.settings-filter-bar input{width:100%;margin-top:5px}
.settings-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.settings-audit-table{max-height:640px}
.settings-user-table{min-width:900px}
.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-action-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:17px;border:1px solid var(--qj-border);border-radius:14px;background:rgba(255,255,255,.025)}
.settings-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(46,230,255,.14),rgba(255,207,92,.10));border:1px solid var(--qj-border);color:var(--qj-cyan);font-size:10px;font-weight:800}
.settings-action-card h4{margin:0;font-size:13px}
.settings-action-card p{margin:5px 0 0;color:var(--qj-muted);font-size:10px;line-height:1.6}
.settings-action-card .ak-btn{grid-column:1/-1;justify-content:center}
.settings-action-card.is-danger{border-color:rgba(255,107,139,.26);background:rgba(255,107,139,.035)}
.settings-action-card.is-danger .settings-card-icon{color:var(--qj-red);border-color:rgba(255,107,139,.30)}
.backup-validation-result{margin-top:16px;padding:16px;border:1px solid var(--qj-border);border-radius:14px;background:rgba(255,255,255,.025)}
.backup-validation-result.is-valid{border-color:var(--qj-success-border);background:linear-gradient(135deg,var(--qj-success-bg),rgba(255,255,255,.02))}
.backup-validation-result.is-invalid{border-color:var(--qj-critical-border);background:linear-gradient(135deg,var(--qj-critical-bg),rgba(255,255,255,.02))}
.system-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.system-health-card{padding:16px;border:1px solid var(--qj-border);border-radius:13px;background:rgba(255,255,255,.025)}
.system-health-card span{display:block;color:var(--qj-muted);font-size:9px;letter-spacing:1px;text-transform:uppercase}
.system-health-card strong{display:block;margin:8px 0 4px;color:var(--qj-text);font-size:18px}
.system-health-card small{color:var(--qj-dim);font-size:10px}
.print-organization{text-align:center;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:6px;color:#222}

/* Settings typography: one Chinese UI family with a restrained display scale. */
.settings-shell{
  font-family:var(--qj-font-ui);
  font-size:13px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.settings-hero .eyebrow{
  font-family:var(--qj-font-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:2.1px;
}
.settings-hero h1{
  margin-top:8px;
  font-family:var(--qj-font-display);
  font-size:29px;
  font-weight:600;
  letter-spacing:-.55px;
  line-height:1.25;
}
.settings-hero p{
  max-width:880px;
  font-size:13px;
  line-height:1.8;
}
.settings-hero-tags{
  gap:16px;
  font-size:11.5px;
  line-height:1.5;
}
.settings-version-card span{
  font-size:10.5px;
  font-weight:500;
  letter-spacing:1.15px;
}
.settings-version-card strong{
  font-family:var(--qj-font-display);
  font-size:27px;
  font-weight:600;
  letter-spacing:-.8px;
  font-variant-numeric:tabular-nums;
}
.settings-version-card small{
  font-family:var(--qj-font-mono);
  font-size:10.5px;
  letter-spacing:.2px;
}
.settings-nav button{
  min-height:40px;
  padding:9px 12px;
  font-family:var(--qj-font-ui);
  font-size:12.5px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.12px;
}
.settings-nav button.active{
  font-weight:600;
}
.settings-nav button i{
  font-family:var(--qj-font-mono);
  font-size:12px;
}
.settings-section-head h3{
  font-family:var(--qj-font-display);
  font-size:18px;
  font-weight:600;
  letter-spacing:-.2px;
  line-height:1.4;
}
.settings-section-head p{
  max-width:760px;
  font-size:12px;
  line-height:1.75;
}
.settings-panel .ak-tag{
  font-size:10.5px;
  font-weight:500;
  line-height:1.5;
}
.settings-form label{
  color:var(--qj-dim);
  font-size:12px;
  font-weight:500;
  line-height:1.5;
}
.settings-form label>input,
.settings-form label>textarea,
.settings-form label>select{
  min-height:40px;
  padding-top:9px;
  padding-bottom:9px;
  color:var(--qj-text);
  font-family:var(--qj-font-ui);
  font-size:13px;
  line-height:1.45;
}
.settings-form label>textarea{
  min-height:82px;
}
.settings-form label>select{
  line-height:1.35;
}
.settings-check span{
  min-width:0;
}
.settings-check b{
  font-size:12.5px;
  font-weight:600;
  line-height:1.5;
}
.settings-check small{
  margin-top:3px;
  font-size:10.5px;
  line-height:1.6;
}
.settings-save-row>span{
  font-size:10.5px;
  line-height:1.6;
}
.settings-save-row .ak-btn,
.settings-section-head .ak-btn,
.settings-card-grid .ak-btn{
  font-family:var(--qj-font-ui);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.1px;
}
.settings-token-help{
  font-size:10.5px;
  line-height:1.6;
}
.settings-token-help span{
  font-family:var(--qj-font-mono);
  font-size:10.5px;
}
.settings-filter-bar label{
  font-size:11px;
  font-weight:500;
  line-height:1.5;
}
.settings-filter-bar input{
  min-height:38px;
  font-size:12.5px;
}
.settings-action-card h4{
  font-size:13.5px;
  font-weight:600;
  line-height:1.5;
}
.settings-action-card p{
  font-size:10.5px;
  line-height:1.65;
}
.settings-card-icon{
  font-family:var(--qj-font-mono);
  font-size:10px;
  font-weight:600;
  letter-spacing:.4px;
}
.system-health-card span{
  font-family:var(--qj-font-mono);
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.8px;
}
.system-health-card strong{
  font-family:var(--qj-font-display);
  font-size:19px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.25px;
  font-variant-numeric:tabular-nums;
}
.system-health-card small{
  font-size:10.5px;
  line-height:1.55;
}
.settings-panel .ak-table{
  font-family:var(--qj-font-ui);
  font-size:12px;
}
.settings-panel .ak-table th{
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.25px;
}
.settings-panel .ak-table td{
  line-height:1.55;
}
@media print{
  .print-title{font-size:calc(var(--print-font-size,10pt) + 11pt)}
  .print-table th,.print-table td{font-size:var(--print-font-size,10pt)}
}

body.theme-light .schedule-hero-status,
body.theme-light .settings-nav,
body.theme-light .settings-panel,
body.theme-light .gantt-scroll,
body.theme-light .settings-version-card,
body.theme-light .settings-action-card,
body.theme-light .settings-check,
body.theme-light .settings-filter-bar,
body.theme-light .system-health-card,
body.theme-light .schedule-alert-summary div,
body.theme-light .schedule-milestone,
body.theme-light .backup-validation-result{background:rgba(255,255,255,.75);border-color:rgba(33,83,110,.15);box-shadow:0 12px 32px rgba(31,62,82,.08)}
body.theme-light .gantt-head{background:rgba(239,246,250,.96)}
body.theme-light .gantt-row.is-current{background:rgba(255,207,92,.10)}
body.theme-light .gantt-track{background:rgba(31,70,102,.06)}
body.theme-light .settings-nav button{color:#526d7e}
body.theme-light .settings-nav button.active{color:#173b52;background:linear-gradient(90deg,rgba(0,144,184,.10),rgba(190,128,28,.06))}
body.theme-light .settings-check b,
body.theme-light .system-health-card strong,
body.theme-light .settings-action-card h4{color:#173b52}

@media(max-width:1100px){
  .schedule-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .settings-filter-bar{grid-template-columns:repeat(3,minmax(120px,1fr))}
  .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .schedule-hero,.settings-hero{align-items:flex-start;flex-direction:column}
  .schedule-hero-status,.settings-version-card{width:100%;text-align:left}
  .schedule-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-shell{grid-template-columns:1fr}
  .settings-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
  .settings-panel{padding:16px}
  .settings-toggle-grid,.settings-card-grid{grid-template-columns:1fr}
  .settings-filter-bar{grid-template-columns:1fr 1fr}
  .schedule-milestones{grid-template-columns:1fr}
}
@media(max-width:560px){
  .schedule-switch{width:100%}
  .schedule-switch .ak-select{width:100%;min-width:0}
  .settings-hero h1{font-size:25px}
  .settings-nav button{min-height:38px;padding:8px 9px;font-size:12px}
  .schedule-kpi-grid,.settings-filter-bar{grid-template-columns:1fr}
  .settings-nav{grid-template-columns:1fr 1fr}
  .settings-save-row{align-items:stretch;flex-direction:column}
  .settings-save-row .ak-btn{width:100%}
  .settings-section-head{align-items:stretch;flex-direction:column}
  .system-health-grid{grid-template-columns:1fr}
  .gantt-scroll{border-radius:12px}
}

@media(max-width:1100px){
  .dashboard-grid,.dashboard-grid.three,.detail-layout,.two-column,.ai-review-layout{grid-template-columns:1fr}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top-date{display:none}
  .catalog-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brain-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brain-main-grid{grid-template-columns:1fr}
  .archive-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .archive-main-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  :root{--qj-sidebar:260px}
  .login-screen{grid-template-columns:1fr}
  .login-visual{padding:44px 28px 24px;min-height:45vh}
  .login-brand h1{font-size:40px}
  .login-copy{font-size:14px;margin:20px 0}
  .login-features{gap:8px}
  .feature-chip{min-width:110px;padding:12px}
  .login-panel-wrap{padding:20px;border-left:0}
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;z-index:80;transform:translateX(-104%);transition:.22s;width:260px;box-shadow:20px 0 50px rgba(0,0,0,.3)}
  .sidebar.open{transform:translateX(0)}
  .mobile-menu{display:inline-flex}
  .topbar{padding:0 14px;gap:10px}
  .page-heading{min-width:0;flex:1}
  .page-heading p{display:none}
  .top-search{display:none}
  .user-meta{display:none}
  .content{padding:14px}
  .page-hero{padding:18px;align-items:flex-start;flex-direction:column}
  .alert-center-head{align-items:flex-start;flex-direction:column}
  .alert-grid{grid-template-columns:1fr}
  .signal-rule-grid{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .mobile-qr-wrap{grid-template-columns:1fr;justify-items:center;text-align:center}
  .ai-priority-list{grid-template-columns:1fr}
  .ai-brief-priorities{grid-template-columns:1fr}
  .ai-brief-foot{align-items:flex-start;flex-direction:column}
  .hero-stat{border-left:0;border-top:1px solid var(--qj-border);padding:12px 0 0;width:100%}
  .project-grid,.template-grid{grid-template-columns:1fr}
  .form-field-grid{grid-template-columns:1fr}
  .form-field-grid .full{grid-column:auto}
  .detail-facts{grid-template-columns:1fr}
  .filter-bar .ak-input,.filter-bar .ak-select,.filter-bar .search-wide{width:100%;min-width:0}
  .catalog-filter-bar{position:static}
  .catalog-item{grid-template-columns:1fr}
  .catalog-item-side{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .catalog-item-actions{width:auto;flex-direction:row}
  .catalog-critical-banner{align-items:flex-start;flex-wrap:wrap}
  .catalog-critical-banner>div{flex-basis:calc(100% - 44px)}
  .brain-today-grid{grid-template-columns:1fr}
  .brain-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brain-confirm-banner,
  .brain-blocker-banner{align-items:flex-start;flex-wrap:wrap}
  .brain-confirm-banner>div,
  .brain-blocker-banner>div{flex-basis:calc(100% - 48px)}
  .brain-record-hint-foot{align-items:flex-start;flex-direction:column}
  .archive-step-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-project-switch{width:100%}
  .archive-project-switch .ak-select{min-width:0;width:100%}
  .ak-table-wrap{overflow:auto}
  .ak-table{min-width:760px}
  .checklist-table{min-width:620px}
  .insight-chart-grid{grid-template-columns:1fr}
  .insight-chart-canvas,.insight-chart-canvas.compact{height:220px}
  .insight-project-row{grid-template-columns:minmax(0,1fr) 86px}
  .insight-project-track{grid-column:1/-1;grid-row:2}
  .insight-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-distribution-row{grid-template-columns:32px minmax(0,1fr) 66px;gap:8px}
  .stage-distribution-row>.ak-tag{grid-column:2/-1;justify-self:start}
}
@media(max-width:480px){
  .login-brand{gap:14px}
  .brand-mark{width:58px;height:58px;border-radius:17px;font-size:18px}
  .brand-kicker{font-size:8px;letter-spacing:1px}
  .login-brand h1{font-size:31px}
  .login-panel{padding:22px}
  .summary-grid{grid-template-columns:1fr}
  .insight-status-layout{grid-template-columns:1fr;justify-items:center}
  .status-donut{width:120px;height:120px}
  .insight-bar-row{grid-template-columns:82px minmax(54px,1fr) 48px}
  .insight-risk-grid{grid-template-columns:1fr 1fr}
  .insight-risk-item{min-height:76px;padding:11px}
  .hero-actions{width:100%}
  .hero-actions .ak-btn{flex:1;justify-content:center}
  .record-actions{justify-content:flex-start}
  .record-pagination{align-items:flex-start;flex-direction:column}
  .record-pagination>div{width:100%;justify-content:space-between}
  .alert-center{padding:13px}
  .alert-center-head p{font-size:9px}
  .alert-card{grid-template-columns:34px minmax(0,1fr);align-items:start}
  .alert-card .ak-btn{grid-column:2;justify-self:start;margin-top:3px}
  .signal-rule-grid{grid-template-columns:1fr}
  .labor-warning-strip{align-items:flex-start}
  .catalog-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-section-head{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}
  .catalog-item{padding:13px 12px 13px 18px}
  .catalog-item-meta{align-items:flex-start;flex-direction:column;gap:5px}
  .catalog-edit-summary{flex-direction:column}
  .catalog-project-switch{width:100%}
  .catalog-project-switch .ak-select{min-width:0;width:100%}
  .brain-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brain-project-switch{width:100%}
  .brain-project-switch .ak-select{min-width:0;width:100%}
  .brain-stage-orbit{width:100%}
  .brain-plan-head h2{font-size:16px}
  .brain-task-foot{align-items:flex-start;flex-direction:column;gap:5px}
  .brain-stage-map{grid-template-columns:repeat(11,100px)}
  .brain-record-hint-head{flex-wrap:wrap}
  .brain-record-actions{grid-template-columns:1fr}
  .archive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-step-board{grid-template-columns:1fr}
  .archive-hero-status{width:100%}
  .archive-volume{align-items:flex-start;flex-direction:column}
  .archive-action-bar .ak-btn{flex:1 1 42%;justify-content:center}
  .archive-transfer-meta{grid-template-columns:1fr}
  .archive-volume-detail-head{flex-direction:column}
  .ai-inbox-note{align-items:flex-start;flex-direction:column}
  .ai-inbox-note code{width:100%;word-break:break-all}
}

/* Personal workflow control center */
.workflow-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(520px 210px at 12% 18%,rgba(46,230,255,.12),transparent 72%),
    radial-gradient(420px 220px at 88% 120%,rgba(37,255,196,.09),transparent 70%),
    linear-gradient(112deg,rgba(3,29,45,.82),rgba(6,21,39,.68));
}
.workflow-hero::after{
  content:"";
  position:absolute;
  right:12%;
  top:-90%;
  width:340px;
  height:340px;
  border:1px solid rgba(46,230,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(46,230,255,.025),0 0 0 84px rgba(37,255,196,.018);
  pointer-events:none;
}
.workflow-progress-stat{min-width:220px;position:relative;z-index:1}
.workflow-progress-track{
  height:4px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.workflow-progress-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--qj-cyan),var(--qj-green));
  box-shadow:0 0 16px rgba(46,230,255,.52);
  transition:width .5s ease;
}
.workflow-preferences{margin-top:16px}
.workflow-preferences-grid{
  display:grid;
  grid-template-columns:minmax(170px,1.15fr) minmax(140px,.8fr) minmax(130px,.62fr) minmax(260px,1.4fr) auto;
  gap:12px;
  align-items:end;
}
.workflow-preferences-grid>label{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
  color:var(--qj-dim);
  font-size:10px;
  letter-spacing:.4px;
}
.workflow-check-row{
  display:flex;
  min-height:34px;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.workflow-check-row>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--qj-text);
  font-size:10px;
  white-space:nowrap;
}
.workflow-check-row input[type="checkbox"]{
  width:15px;
  height:15px;
  accent-color:var(--qj-cyan);
}
.workflow-selection-note{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  color:var(--qj-muted);
  font-size:10px;
  line-height:1.6;
}
.workflow-kpis{margin-top:16px}
.workflow-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);
  gap:16px;
  margin-top:16px;
}
.workflow-map-card{min-width:0}
.workflow-stage-flow{
  position:relative;
  display:grid;
  gap:10px;
  margin-top:12px;
}
.workflow-stage-flow::before{
  content:"";
  position:absolute;
  left:24px;
  top:28px;
  bottom:28px;
  width:1px;
  background:linear-gradient(var(--qj-cyan),rgba(46,230,255,.1),var(--qj-green));
}
.workflow-stage{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 16px;
  margin-left:0;
  padding:14px 14px 14px 50px;
  border:1px solid var(--qj-border);
  border-radius:14px;
  background:linear-gradient(105deg,rgba(255,255,255,.042),rgba(255,255,255,.012));
  transition:border-color .2s,background .2s,transform .2s;
}
.workflow-stage:hover{
  border-color:var(--qj-border-strong);
  background:linear-gradient(105deg,rgba(46,230,255,.075),rgba(255,255,255,.018));
  transform:translateX(2px);
}
.workflow-stage.is-blocked{
  border-color:rgba(255,107,139,.38);
  background:linear-gradient(105deg,rgba(255,59,95,.10),rgba(255,255,255,.012));
  animation:qj-control-breathe 3s ease-in-out infinite;
}
.workflow-stage.is-attention{
  border-color:rgba(255,216,77,.25);
}
.workflow-stage.is-clear{
  border-color:rgba(44,255,194,.20);
}
.workflow-stage-index{
  position:absolute;
  left:12px;
  top:16px;
  z-index:1;
  display:grid;
  width:25px;
  height:25px;
  place-items:center;
  border:1px solid var(--qj-border-strong);
  border-radius:50%;
  background:var(--qj-panel-strong);
  color:var(--qj-cyan);
  font:9px/1 var(--qj-font-mono);
  box-shadow:0 0 0 5px rgba(4,25,40,.82);
}
.workflow-stage.is-blocked .workflow-stage-index{color:var(--qj-red);border-color:rgba(255,107,139,.55)}
.workflow-stage.is-clear .workflow-stage-index{color:var(--qj-green);border-color:rgba(44,255,194,.48)}
.workflow-stage-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 12px;
  min-width:0;
}
.workflow-stage-head h3{margin:0;font-size:13px;color:var(--qj-text)}
.workflow-stage-head p{grid-column:1/-1;margin:0;color:var(--qj-muted);font-size:10px;line-height:1.55}
.workflow-stage-count{
  display:grid;
  min-width:34px;
  height:28px;
  padding:0 8px;
  place-items:center;
  border:1px solid var(--qj-border);
  border-radius:999px;
  color:var(--qj-gold);
  font:700 12px/1 var(--qj-font-mono);
  background:rgba(2,10,22,.35);
}
.workflow-stage-status{
  display:flex;
  grid-column:2;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  color:var(--qj-dim);
  font-size:9px;
}
.workflow-stage-items{display:grid;grid-column:1/-1;gap:7px}
.workflow-stage-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 12px;
  width:100%;
  padding:9px 11px;
  border:1px solid rgba(113,222,255,.10);
  border-radius:10px;
  background:rgba(2,10,22,.28);
  color:var(--qj-text);
  text-align:left;
  cursor:pointer;
}
.workflow-stage-item:hover{border-color:var(--qj-border-strong);background:rgba(46,230,255,.055)}
.workflow-stage-item>span{font-size:11px;font-weight:600}
.workflow-stage-item>small{grid-column:1;color:var(--qj-muted);font-size:9px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workflow-stage-item>b{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--qj-cyan);font-size:9px;font-weight:500;white-space:nowrap}
.workflow-stage-empty{
  padding:9px 11px;
  border:1px dashed rgba(113,222,255,.10);
  border-radius:10px;
  color:var(--qj-muted);
  font-size:10px;
}
.workflow-stage-action{grid-column:2;justify-self:end}
.workflow-priority-card{
  position:sticky;
  top:calc(var(--qj-header) + 14px);
  align-self:start;
}
.workflow-next-action{
  padding:15px;
  border:1px solid rgba(255,207,92,.25);
  border-radius:14px;
  background:
    radial-gradient(200px 110px at 100% 0%,rgba(255,207,92,.10),transparent 70%),
    rgba(2,15,28,.46);
}
.workflow-next-action>span{color:var(--qj-gold);font-size:9px;letter-spacing:1.5px}
.workflow-next-action>strong{display:block;margin-top:7px;font-size:15px;line-height:1.35}
.workflow-next-action>p{margin:7px 0 13px;color:var(--qj-muted);font-size:10px;line-height:1.6}
.workflow-priority-list{display:grid;gap:8px;margin-top:12px}
.workflow-priority-item{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  padding:10px;
  border:1px solid var(--qj-border);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  color:var(--qj-text);
  text-align:left;
  cursor:pointer;
}
.workflow-priority-item:hover,.workflow-priority-item:focus-visible{border-color:var(--qj-border-strong);background:rgba(46,230,255,.06)}
.workflow-priority-item.is-critical{border-color:rgba(255,107,139,.28);background:rgba(255,59,95,.055)}
.workflow-priority-rank{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:rgba(46,230,255,.09);color:var(--qj-cyan);font:9px/1 var(--qj-font-mono)}
.workflow-priority-item.is-critical .workflow-priority-rank{background:rgba(255,59,95,.12);color:var(--qj-red)}
.workflow-priority-copy{min-width:0}
.workflow-priority-copy strong,.workflow-priority-copy small{display:block}
.workflow-priority-copy strong{font-size:11px;line-height:1.35}
.workflow-priority-copy small{margin-top:3px;color:var(--qj-muted);font-size:9px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workflow-priority-item>b{color:var(--qj-gold);font-size:9px;font-weight:500;white-space:nowrap}
.workflow-priority-empty{padding:20px 10px}
.workflow-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.workflow-plan-list{display:grid;gap:8px}
.workflow-plan-task{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(113,222,255,.10);
  border-radius:11px;
  background:rgba(2,10,22,.23);
}
.workflow-plan-code{color:var(--qj-cyan);font:9px/1 var(--qj-font-mono)}
.workflow-plan-task strong,.workflow-plan-task small{display:block}
.workflow-plan-task strong{font-size:11px}
.workflow-plan-task small{margin-top:3px;color:var(--qj-muted);font-size:9px;line-height:1.45}
.workflow-activity-card{margin-top:16px}
.workflow-activity-list{display:grid;gap:0}
.workflow-activity-list>div{
  display:grid;
  grid-template-columns:minmax(130px,.55fr) minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(113,222,255,.08);
  color:var(--qj-dim);
  font-size:10px;
}
.workflow-activity-list>div:last-child{border-bottom:0}
.workflow-activity-list code{color:var(--qj-cyan);font-size:9px}
.workflow-activity-list time{color:var(--qj-muted);font-size:9px;white-space:nowrap}
body.theme-light .workflow-hero{
  background:
    radial-gradient(520px 210px at 12% 18%,rgba(32,163,205,.12),transparent 72%),
    radial-gradient(420px 220px at 88% 120%,rgba(20,170,126,.08),transparent 70%),
    linear-gradient(112deg,rgba(226,243,250,.90),rgba(250,253,255,.86));
}
body.theme-light .workflow-stage,
body.theme-light .workflow-stage-item,
body.theme-light .workflow-next-action,
body.theme-light .workflow-priority-item,
body.theme-light .workflow-plan-task{background:rgba(255,255,255,.64)}
body.theme-light .workflow-stage-index{background:#edf7fb;box-shadow:0 0 0 5px rgba(237,247,251,.92)}
body.theme-light .workflow-stage-count{background:rgba(255,255,255,.54)}
@media(max-width:1220px){
  .workflow-preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-preferences-grid>.ak-btn{justify-self:start}
}
@media(max-width:1100px){
  .workflow-control-grid,.workflow-plan-grid{grid-template-columns:1fr}
  .workflow-priority-card{position:static}
}
@media(max-width:680px){
  .workflow-preferences-grid{grid-template-columns:1fr}
  .workflow-preferences-grid>.ak-btn{width:100%}
  .workflow-stage{padding:13px 12px 13px 46px}
  .workflow-stage-flow::before{left:22px}
  .workflow-stage-head{padding-right:0}
  .workflow-stage-status{grid-column:1/-1;justify-content:flex-start}
  .workflow-stage-action{grid-column:1/-1;justify-self:stretch}
  .workflow-stage-item>small{white-space:normal}
  .workflow-priority-item{grid-template-columns:26px minmax(0,1fr)}
  .workflow-priority-item>b{grid-column:2}
  .workflow-plan-task{grid-template-columns:38px minmax(0,1fr)}
  .workflow-plan-task>.ak-tag{grid-column:2;justify-self:start}
  .workflow-activity-list>div{grid-template-columns:1fr;gap:4px}
}