/* NWGF Premium Purple Gold UI V1 */
:root {
  --premium-night:#06040d;
  --premium-card:rgba(28,20,47,.9);
  --premium-card-2:rgba(42,29,68,.88);
  --premium-purple:#8b5cf6;
  --premium-purple-light:#c084fc;
  --premium-gold:#facc15;
  --premium-gold-light:#ffe68a;
  --premium-border:rgba(168,85,247,.28);
  --premium-gold-border:rgba(250,204,21,.48);
  --premium-text:#fbf9ff;
  --premium-soft:#c8bfd8;
  --premium-muted:#9187a6;
  --premium-shadow:0 24px 70px rgba(0,0,0,.38);
}
html:has(body.auth-page), html:has(body.admin-page) { overflow-x:hidden; }

body.app-shell, body.auth-page, body.admin-page {
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--premium-text);
  background:
    radial-gradient(circle at 8% 4%,rgba(139,92,246,.2),transparent 30%),
    radial-gradient(circle at 91% 7%,rgba(250,204,21,.07),transparent 22%),
    radial-gradient(circle at 75% 92%,rgba(126,34,206,.13),transparent 28%),
    linear-gradient(145deg,#06040d,#0b0716 48%,#080511);
}
body.app-shell::before, body.auth-page::before, body.admin-page::before {
  background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:42px 42px; opacity:.48;
}
body.app-shell * { scrollbar-width:thin; scrollbar-color:rgba(168,85,247,.55) rgba(11,7,22,.8); }
body.app-shell *::-webkit-scrollbar, body.admin-page *::-webkit-scrollbar { width:8px;height:8px; }
body.app-shell *::-webkit-scrollbar-track, body.admin-page *::-webkit-scrollbar-track { background:rgba(11,7,22,.8); }
body.app-shell *::-webkit-scrollbar-thumb, body.admin-page *::-webkit-scrollbar-thumb {
  border:2px solid rgba(11,7,22,.8);border-radius:999px;background:linear-gradient(#c084fc,#7e22ce);
}

/* Main shell and navigation */
body.app-shell {
  --bg-deepest:#06040d;--bg-base:#0b0716;--bg-raised:rgba(13,9,26,.94);
  --bg-elevated:rgba(28,20,47,.84);--bg-surface:rgba(42,29,68,.78);
  --border:rgba(168,85,247,.22);--border-light:rgba(192,132,252,.38);
  --text:#fbf9ff;--text-secondary:#c8bfd8;--muted:#9187a6;
  --radius-sm:12px;--radius:17px;--radius-lg:22px;
}
.app-shell .topbar {
  height:66px;padding:0 24px;background:rgba(8,5,17,.83);
  border-bottom:1px solid rgba(192,132,252,.22);backdrop-filter:blur(24px) saturate(1.25);
  box-shadow:0 14px 40px rgba(0,0,0,.26);
}
.app-shell .brand-icon {
  width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#7c3aed,#a855f7 58%,#b88319);
  border:1px solid rgba(255,230,138,.34);box-shadow:0 0 25px rgba(168,85,247,.34),inset 0 1px rgba(255,255,255,.22);
}
.app-shell .brand-title {
  font-size:21px;letter-spacing:.03em;background:linear-gradient(100deg,#fff,#eadcff 58%,#ffe68a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.app-shell .brand-sub { color:#a99eba;letter-spacing:.12em; }
.app-shell .user-info-btn,.app-shell .user-menu {
  background:rgba(31,24,52,.92)!important;border:1px solid var(--premium-border)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.3),0 0 25px rgba(139,92,246,.13);
}
.app-shell .user-points-badge,.app-shell .stats-bar-item b { color:var(--premium-gold-light)!important; }
.app-shell .app-layout { min-height:calc(100vh - 66px); }
.app-shell .sidebar {
  top:66px;height:calc(100vh - 66px);width:258px;min-width:258px;padding:18px 14px;
  background:linear-gradient(180deg,rgba(16,11,31,.98),rgba(8,5,17,.95));
  border-right:1px solid rgba(192,132,252,.19);box-shadow:18px 0 45px rgba(0,0,0,.17);
}
.app-shell .nav-mode-btn,.app-shell .project-select,.app-shell .stats-bar {
  border:1px solid var(--premium-border);border-radius:14px;background-color:rgba(31,24,52,.75);
}
.app-shell .nav-mode-btn { min-height:50px; }
.app-shell .nav-mode-btn.active {
  border-color:rgba(250,204,21,.4);background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(90,46,140,.2));
  box-shadow:0 10px 28px rgba(92,38,164,.24),inset 0 1px rgba(255,255,255,.1);
}
.app-shell .nav-group-label { color:#8f82a5;letter-spacing:.16em;padding-top:18px; }
.app-shell .nav-item { min-height:42px;padding:10px 13px;border-radius:13px;color:#bcb2cb;border:1px solid transparent; }
.app-shell .nav-item:hover { color:#fff;border-color:rgba(168,85,247,.18);background:rgba(168,85,247,.09); }
.app-shell .nav-item.active {
  color:#fff;border-color:rgba(192,132,252,.3);background:linear-gradient(90deg,rgba(124,58,237,.3),rgba(168,85,247,.08));
  box-shadow:inset 3px 0 var(--premium-gold),0 8px 24px rgba(0,0,0,.16);
}
.app-shell .nav-badge { color:#21122f;background:linear-gradient(135deg,#ffe68a,#facc15); }
.app-shell .main-content { padding:24px 28px 44px; }

/* Unified components */
.app-shell .panel,.app-shell .card,.app-shell [class$="-card"]:not(.source-service-card):not(.workflow-card):not(.advantage-card) {
  border-color:var(--premium-border);background:linear-gradient(145deg,rgba(31,24,52,.87),rgba(18,12,34,.9));
  box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);
}
.app-shell .panel { padding:20px;margin-bottom:14px; }
.app-shell .panel:hover,.app-shell [class$="-card"]:hover { border-color:rgba(192,132,252,.45); }
.app-shell .panel-header { color:#fff;font-size:14px;font-weight:750;letter-spacing:.02em; }
.app-shell .btn { min-height:38px;border-radius:13px;padding:9px 16px;transition:transform .2s,border-color .2s,box-shadow .2s; }
.app-shell .btn:hover:not(:disabled) { transform:translateY(-1px); }
.app-shell .btn-primary {
  color:#fff;border-color:rgba(255,230,138,.28);background:linear-gradient(135deg,#7c3aed,#a855f7 62%,#b88319);
  box-shadow:0 10px 28px rgba(124,58,237,.3),0 0 18px rgba(250,204,21,.08);
}
.app-shell .btn-secondary,.app-shell .btn-ghost { color:#e4ddef;border-color:rgba(192,132,252,.25);background:rgba(31,24,52,.7); }
.app-shell .btn-secondary:hover:not(:disabled),.app-shell .btn-ghost:hover:not(:disabled) {
  border-color:rgba(250,204,21,.35);background:rgba(49,36,76,.88);
}
.app-shell .form-input,.app-shell .form-select,.app-shell .form-textarea,
.app-shell input:not([type="checkbox"]):not([type="radio"]),.app-shell textarea,.app-shell select {
  color:#f7f2ff;border-color:rgba(168,85,247,.25);background-color:rgba(14,9,28,.8);border-radius:13px;
}
.app-shell .form-input:focus,.app-shell .form-select:focus,.app-shell .form-textarea:focus,
.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus {
  outline:none;border-color:rgba(250,204,21,.52);box-shadow:0 0 0 3px rgba(168,85,247,.17),0 0 22px rgba(168,85,247,.12);
}
.app-shell .badge,.app-shell [class*="tag"] { border-radius:999px; }
.app-shell .badge-dim { color:#c9bed8;background:rgba(168,85,247,.11);border:1px solid rgba(168,85,247,.18); }
.app-shell th { color:#d9cceb;background:rgba(20,13,37,.94);border-bottom-color:rgba(168,85,247,.25); }
.app-shell td { border-bottom-color:rgba(168,85,247,.11); }
.app-shell tr:hover td { background:rgba(168,85,247,.055); }
.app-shell .modal-overlay { background:rgba(3,2,8,.78);backdrop-filter:blur(10px); }
.app-shell .modal {
  border:1px solid rgba(192,132,252,.32);border-radius:24px;background:linear-gradient(150deg,rgba(34,24,56,.99),rgba(13,8,27,.99));
  box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 45px rgba(139,92,246,.15);
}
.app-shell .toast { border-radius:15px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.38); }
.app-shell .empty-state { border:1px dashed rgba(192,132,252,.28);border-radius:22px;background:rgba(31,24,52,.42); }

/* Homepage */
.app-shell .home-professional { max-width:1260px;padding-top:10px; }
.app-shell .home-hero {
  position:relative;overflow:hidden;padding:64px 58px;border:1px solid rgba(250,204,21,.34);border-radius:28px;
  background:radial-gradient(circle at 88% 4%,rgba(250,204,21,.12),transparent 25%),radial-gradient(circle at 18% 12%,rgba(168,85,247,.29),transparent 38%),linear-gradient(145deg,rgba(32,20,56,.98),rgba(9,6,20,.99));
  box-shadow:0 30px 90px rgba(0,0,0,.43),0 0 45px rgba(139,92,246,.14);
}
.app-shell .home-hero::after {
  content:"";position:absolute;width:280px;height:280px;right:-105px;bottom:-140px;border-radius:50%;border:1px solid rgba(250,204,21,.17);
  box-shadow:0 0 0 38px rgba(168,85,247,.035),0 0 0 78px rgba(168,85,247,.02);
}
.app-shell .home-eyebrow { color:var(--premium-gold-light);letter-spacing:.22em; }
.app-shell .home-title {
  max-width:900px;font-size:clamp(38px,4vw,58px);line-height:1.13;letter-spacing:-.04em;
  background:linear-gradient(100deg,#fff 15%,#e8d8ff 67%,#ffe68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.app-shell .home-subtitle { font-size:16px;max-width:980px;color:#c9bfd7; }
.app-shell .home-emphasis {
  display:inline-block;padding:12px 16px;border-radius:14px;color:#f5edff;border:1px solid rgba(250,204,21,.2);
  background:linear-gradient(90deg,rgba(139,92,246,.17),rgba(250,204,21,.06));
}
.app-shell .capability-tag { padding:8px 14px;color:#f5eaff;border-color:rgba(192,132,252,.32);background:rgba(139,92,246,.13); }
.app-shell .home-section {
  padding:34px;border-radius:25px;border-color:var(--premium-border);background:linear-gradient(145deg,rgba(31,24,52,.83),rgba(14,9,28,.9));
  box-shadow:0 22px 65px rgba(0,0,0,.25);
}
.app-shell .home-section-title { font-size:25px;letter-spacing:-.02em; }
.app-shell .workflow-grid { gap:15px; }
.app-shell .workflow-card,.app-shell .advantage-card {
  min-height:145px;padding:22px;border:1px solid rgba(168,85,247,.23);border-radius:19px;
  background:linear-gradient(145deg,rgba(44,31,70,.85),rgba(20,13,37,.92));box-shadow:0 14px 35px rgba(0,0,0,.2);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.app-shell .workflow-card:hover,.app-shell .advantage-card:hover {
  transform:translateY(-4px);border-color:rgba(250,204,21,.38);box-shadow:0 20px 45px rgba(0,0,0,.3),0 0 24px rgba(139,92,246,.12);
}
.app-shell .workflow-num { display:inline-flex;padding:4px 9px;color:#251432;border-radius:999px;background:linear-gradient(135deg,#ffe68a,#facc15); }
.app-shell .source-service-card {
  padding:38px;border-radius:27px;border-color:rgba(250,204,21,.64);
  background:radial-gradient(circle at 88% 0%,rgba(250,204,21,.2),transparent 32%),radial-gradient(circle at 5% 95%,rgba(168,85,247,.22),transparent 35%),linear-gradient(132deg,rgba(82,35,126,.9),rgba(18,11,35,.98));
  box-shadow:0 25px 75px rgba(0,0,0,.38),0 0 45px rgba(168,85,247,.2),inset 0 1px rgba(255,255,255,.1);
}
.app-shell .source-service-price,.app-shell [class*="price"] { color:var(--premium-gold-light); }
.app-shell .source-service-price { font-size:42px; }

/* Dynamic local inspiration pool */
.app-shell .dynamic-idea-pool { border-color:rgba(250,204,21,.25); }
.app-shell .idea-pool-heading,.app-shell .idea-pool-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.app-shell .idea-pool-heading .panel-header { margin-bottom:4px; }
.app-shell .idea-local-badge { padding:6px 11px;border:1px solid rgba(250,204,21,.3);border-radius:999px;color:#ffe68a;background:rgba(250,204,21,.07);font-size:11px;font-weight:750; }
.app-shell .idea-pool-toolbar { margin-top:18px; }
.app-shell .idea-pool-toolbar .form-input { flex:1;min-width:240px; }
.app-shell .idea-genre-filters { display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 8px; }
.app-shell .idea-genre-chip { padding:6px 11px;border:1px solid rgba(168,85,247,.25);border-radius:999px;color:#cfc3dd;background:rgba(20,13,37,.72);cursor:pointer;transition:.2s;font:inherit;font-size:11px; }
.app-shell .idea-genre-chip:hover { color:#fff;border-color:rgba(192,132,252,.5); }
.app-shell .idea-genre-chip.active { color:#fff;border-color:rgba(250,204,21,.38);background:linear-gradient(135deg,rgba(124,58,237,.8),rgba(184,131,25,.55));box-shadow:0 7px 20px rgba(124,58,237,.2); }
.app-shell .idea-pool-status { margin:12px 0 10px; }
.app-shell .idea-stream { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.app-shell .dynamic-idea-card { width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:9px;padding:14px;text-align:left;color:#e9e1f3;border:1px solid rgba(168,85,247,.22);border-radius:16px;background:linear-gradient(145deg,rgba(44,31,70,.75),rgba(18,12,34,.86));cursor:pointer;transition:.22s;font:inherit; }
.app-shell .dynamic-idea-card:hover { transform:translateY(-2px);border-color:rgba(250,204,21,.38);box-shadow:0 14px 32px rgba(0,0,0,.25),0 0 18px rgba(139,92,246,.12); }
.app-shell .dynamic-idea-tag { color:#ffe68a;font-size:11px;font-weight:800;white-space:nowrap; }
.app-shell .dynamic-idea-title { font-size:12px;line-height:1.7;overflow-wrap:anywhere; }
.app-shell .dynamic-idea-heat { color:#9187a6;font-size:10px;white-space:nowrap; }
.app-shell .idea-empty { grid-column:1/-1;padding:28px;text-align:center;color:#a99eba;border:1px dashed rgba(168,85,247,.24);border-radius:16px; }

/* Login */
body.auth-page { overflow-x:hidden; }
.auth-page .auth-card {
  max-width:470px;padding:48px;border-radius:28px;border:1px solid rgba(192,132,252,.32);
  background:radial-gradient(circle at 100% 0%,rgba(250,204,21,.07),transparent 28%),linear-gradient(150deg,rgba(37,26,60,.95),rgba(13,8,27,.97));
  box-shadow:0 35px 110px rgba(0,0,0,.58),0 0 50px rgba(139,92,246,.14);
}
.auth-page .auth-logo {
  width:78px;height:78px;border-radius:24px;background:linear-gradient(145deg,#7c3aed,#a855f7 58%,#b88319);
  border:1px solid rgba(255,230,138,.32);box-shadow:0 18px 45px rgba(124,58,237,.38),inset 0 1px rgba(255,255,255,.2);
}
.auth-page .auth-title {
  font-size:30px;letter-spacing:-.04em;background:linear-gradient(100deg,#fff,#e7d7ff 65%,#ffe68a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.auth-page .auth-tabs { padding:5px;border:1px solid rgba(168,85,247,.18);background:rgba(14,9,28,.74); }
.auth-page .auth-tab.active { color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.68),rgba(168,85,247,.42));box-shadow:0 8px 24px rgba(124,58,237,.22); }
.auth-page .auth-input { min-height:50px;border-radius:14px;color:#fff;border-color:rgba(168,85,247,.28);background:rgba(10,6,21,.74); }
.auth-page .auth-input:focus { border-color:rgba(250,204,21,.5);box-shadow:0 0 0 3px rgba(168,85,247,.16),0 0 22px rgba(168,85,247,.13); }
.auth-page .auth-btn {
  min-height:50px;border:1px solid rgba(255,230,138,.3);border-radius:15px;background:linear-gradient(135deg,#7c3aed,#a855f7 62%,#b88319);
  box-shadow:0 14px 34px rgba(124,58,237,.3);
}

/* Admin */
body.admin-page { --bg-dark:#06040d;--bg-card:rgba(28,20,47,.92);--bg-input:rgba(14,9,28,.82);--border:rgba(168,85,247,.24);--text:#fbf9ff;--text-dim:#a99eba;overflow-x:hidden;overflow-y:auto; }
.admin-page .login-panel,.admin-page .panel,.admin-page .overview-card {
  border-color:rgba(168,85,247,.27);background:linear-gradient(150deg,rgba(34,24,56,.95),rgba(14,9,28,.96));
  box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
}
.admin-page .login-panel { border-radius:27px;box-shadow:var(--premium-shadow),0 0 30px rgba(139,92,246,.16); }
.admin-page .login-icon { border:1px solid rgba(255,230,138,.3);background:linear-gradient(145deg,#7c3aed,#a855f7 58%,#b88319); }
.admin-page .admin-header { padding:20px 22px;border:1px solid rgba(192,132,252,.25);border-radius:20px;background:rgba(24,17,42,.88);box-shadow:0 18px 50px rgba(0,0,0,.22); }
.admin-page .admin-tab { border:1px solid transparent;border-radius:13px;color:#bfb4ce; }
.admin-page .admin-tab:hover { color:#fff;background:rgba(168,85,247,.09); }
.admin-page .admin-tab.active { color:#fff;border-color:rgba(250,204,21,.3);background:linear-gradient(135deg,rgba(124,58,237,.4),rgba(168,85,247,.14)); }
.admin-page .overview-card { border-radius:17px; }.admin-page .overview-value { color:var(--premium-gold-light); }
.admin-page .panel { border-radius:20px;padding:20px; }.admin-page .panel-header { color:#fff;font-weight:750; }
.admin-page .form-input { border-color:rgba(168,85,247,.25);border-radius:13px;background:rgba(12,7,24,.8);color:#fff; }
.admin-page .form-input:focus { border-color:rgba(250,204,21,.48);box-shadow:0 0 0 3px rgba(168,85,247,.15); }
.admin-page .btn { border-radius:12px;transition:transform .2s,box-shadow .2s; }.admin-page .btn:hover { transform:translateY(-1px); }
.admin-page .btn-primary { border-color:rgba(255,230,138,.26);background:linear-gradient(135deg,#7c3aed,#a855f7 62%,#b88319);box-shadow:0 10px 28px rgba(124,58,237,.25); }
.admin-page .btn-secondary { border-color:rgba(168,85,247,.25);background:rgba(44,31,70,.8); }
.admin-page th { color:#ddcfed;background:rgba(18,11,34,.98);border-bottom:1px solid rgba(250,204,21,.2); }
.admin-page td { border-bottom-color:rgba(168,85,247,.11); }.admin-page tr:hover td { background:rgba(168,85,247,.07); }
.admin-page .user-detail-overlay { background:rgba(3,2,8,.8);backdrop-filter:blur(10px); }
.admin-page .user-detail-drawer { background:linear-gradient(160deg,#211633,#0d081b);border-left-color:rgba(250,204,21,.28);box-shadow:-25px 0 80px rgba(0,0,0,.45); }
.admin-page .detail-item { border-color:rgba(168,85,247,.22);background:rgba(31,24,52,.74); }

@media(max-width:1024px){.app-shell .main-content{padding:18px}.app-shell .home-hero{padding:46px 36px}}
@media(max-width:768px){
  .app-shell .topbar{height:60px;padding:0 14px}.app-shell .brand-title{font-size:17px}.app-shell .main-content{padding:13px}
  .app-shell .home-hero{padding:34px 24px;border-radius:22px}.app-shell .home-title{font-size:32px}
  .app-shell .home-section,.app-shell .source-service-card{padding:24px;border-radius:21px}
  .auth-page .auth-card{padding:34px 24px;border-radius:23px}.admin-page{padding:12px!important}
  .app-shell .idea-stream{grid-template-columns:1fr}.app-shell .idea-pool-toolbar .form-input{min-width:100%;width:100%}
}
@media(max-width:420px){
  .app-shell .home-title{font-size:28px}.app-shell .home-subtitle{font-size:14px}.app-shell .home-actions .btn{width:100%;justify-content:center}
  .app-shell .workflow-card,.app-shell .advantage-card{min-height:auto}.auth-page .auth-card{padding:30px 20px}.admin-page{padding:8px!important}
}

/* NWGF Purple Blue Readability V1 */
:root {
  --premium-night:#120c24;
  --premium-card:rgba(34,25,58,.94);
  --premium-card-2:rgba(49,36,76,.92);
  --premium-text:#f8fafc;
  --premium-soft:#cbd5e1;
  --premium-muted:#a78bfa;
  --premium-border:rgba(168,85,247,.3);
  --premium-shadow:0 18px 50px rgba(0,0,0,.32);
}
body.app-shell,body.auth-page,body.admin-page {
  color:#f8fafc;
  background:
    radial-gradient(circle at 20% 10%,rgba(124,58,237,.24),transparent 32%),
    radial-gradient(circle at 80% 20%,rgba(245,158,11,.1),transparent 28%),
    linear-gradient(135deg,#120c24 0%,#17112d 48%,#0f172a 100%);
  background-attachment:fixed;
}
body.app-shell::before,body.auth-page::before,body.admin-page::before {
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:46px 46px;opacity:.42;
}
body.app-shell::after,body.auth-page::after,body.admin-page::after {
  opacity:.75;background:radial-gradient(circle at 12% 76%,rgba(59,130,246,.08),transparent 34%);
}
body.app-shell {
  --bg-deepest:#120c24;--bg-base:#15102a;--bg-raised:rgba(25,18,46,.95);
  --bg-elevated:rgba(38,29,63,.92);--bg-surface:rgba(49,39,78,.86);
  --border:rgba(168,85,247,.28);--border-light:rgba(192,132,252,.42);
  --text:#f8fafc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;
  --text-muted:#a9b6c9;--muted:#a9b6c9;--text-soft:#94a3b8;
}
.app-shell .topbar {
  background:rgba(20,14,39,.88);border-bottom-color:rgba(192,132,252,.3);
  box-shadow:0 14px 40px rgba(7,5,18,.24);
}
.app-shell .sidebar {
  background:linear-gradient(180deg,rgba(29,21,51,.98),rgba(18,15,39,.96));
  border-right-color:rgba(192,132,252,.27);box-shadow:18px 0 45px rgba(4,3,12,.15);
}
.app-shell .nav-group-label,.app-shell .brand-sub { color:#aeb9cb; }
.app-shell .nav-item { color:#cbd5e1; }
.app-shell .user-info-btn,.app-shell .user-menu,.app-shell .stats-bar {
  background:rgba(43,32,68,.94)!important;
}
.app-shell .panel,.app-shell .card,.app-shell [class$="-card"]:not(.source-service-card):not(.workflow-card):not(.advantage-card),
.app-shell .home-section,.app-shell .workflow-card,.app-shell .advantage-card {
  border-color:rgba(168,85,247,.3);
  background:linear-gradient(145deg,rgba(45,34,72,.94),rgba(29,24,52,.94));
  box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.055);
}
.app-shell .panel:hover,.app-shell [class$="-card"]:hover {
  border-color:rgba(192,132,252,.52);
}
.app-shell .home-hero {
  background:radial-gradient(circle at 88% 4%,rgba(250,204,21,.16),transparent 27%),radial-gradient(circle at 18% 12%,rgba(168,85,247,.34),transparent 40%),linear-gradient(145deg,rgba(48,31,76,.98),rgba(20,20,48,.98));
  box-shadow:0 28px 75px rgba(0,0,0,.3),0 0 42px rgba(139,92,246,.16);
}
.app-shell .source-service-card {
  background:radial-gradient(circle at 20% 15%,rgba(250,204,21,.18),transparent 28%),linear-gradient(135deg,rgba(88,28,135,.95),rgba(49,34,72,.95));
  border-color:rgba(250,204,21,.65);
  box-shadow:0 0 36px rgba(168,85,247,.22),0 0 24px rgba(250,204,21,.12);
}
.app-shell .text-dim,.app-shell .home-section-sub,.app-shell .workflow-card span,.app-shell .advantage-card span,
.app-shell .home-subtitle,.app-shell .empty-desc,.app-shell .form-label { color:#b9c4d4!important; }
.app-shell .panel-header,.app-shell .home-section-title,.app-shell strong { color:#f8fafc; }
.app-shell .btn-secondary,.app-shell .btn-ghost {
  color:#eef2ff;border-color:rgba(192,132,252,.34);background:rgba(49,39,78,.78);
}
.app-shell .form-input,.app-shell .form-select,.app-shell .form-textarea,
.app-shell input:not([type="checkbox"]):not([type="radio"]),.app-shell textarea,.app-shell select {
  color:#f8fafc;border-color:rgba(168,85,247,.32);background-color:rgba(15,23,42,.72);
}
.app-shell input::placeholder,.app-shell textarea::placeholder { color:#94a3b8;opacity:1; }
.app-shell .form-input:focus,.app-shell .form-select:focus,.app-shell .form-textarea:focus,
.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus {
  border-color:rgba(250,204,21,.55);box-shadow:0 0 0 3px rgba(250,204,21,.08),0 0 22px rgba(168,85,247,.13);
}
.app-shell th { color:#eef2ff;background:rgba(48,37,75,.96); }
.app-shell td { color:#cbd5e1;border-bottom-color:rgba(168,85,247,.18); }
.app-shell tr:hover td { background:rgba(168,85,247,.1); }
.app-shell .modal {
  background:linear-gradient(150deg,rgba(47,35,73,.99),rgba(24,22,48,.99));
  box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 42px rgba(139,92,246,.16);
}
.app-shell .dynamic-idea-card {
  color:#eef2ff;border-color:rgba(168,85,247,.3);
  background:linear-gradient(145deg,rgba(53,40,82,.9),rgba(31,29,59,.92));
}
.app-shell .dynamic-idea-heat,.app-shell .idea-empty { color:#aeb9cb; }

.auth-page .auth-card {
  background:radial-gradient(circle at 100% 0%,rgba(250,204,21,.09),transparent 30%),linear-gradient(150deg,rgba(50,36,78,.97),rgba(25,23,51,.98));
  box-shadow:0 30px 85px rgba(0,0,0,.42),0 0 46px rgba(139,92,246,.17);
}
.auth-page .auth-tabs,.auth-page .auth-input {
  background:rgba(15,23,42,.7);border-color:rgba(168,85,247,.32);
}
.auth-page .auth-subtitle,.auth-page .form-label,.auth-page .auth-footer,.auth-page .auth-hint { color:#b9c4d4!important; }
.auth-page input::placeholder { color:#94a3b8;opacity:1; }

body.admin-page {
  --bg-dark:#111827;--bg-card:rgba(39,30,63,.94);--bg-input:rgba(15,23,42,.72);
  --border:rgba(168,85,247,.3);--text:#f8fafc;--text-dim:#b9c4d4;
  background:radial-gradient(circle at 18% 8%,rgba(124,58,237,.16),transparent 30%),linear-gradient(135deg,#111827 0%,#17112d 55%,#0f172a 100%);
}
.admin-page .login-panel,.admin-page .panel,.admin-page .overview-card,.admin-page .admin-header {
  border-color:rgba(168,85,247,.3);background:linear-gradient(150deg,rgba(46,35,72,.96),rgba(27,25,52,.97));
  box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05);
}
.admin-page .admin-tab,.admin-page .text-dim,.admin-page .detail-label { color:#b9c4d4; }
.admin-page .form-input {
  color:#f8fafc;border-color:rgba(168,85,247,.32);background:rgba(15,23,42,.72);
}
.admin-page input::placeholder,.admin-page textarea::placeholder { color:#94a3b8;opacity:1; }
.admin-page th { color:#eef2ff;background:rgba(48,37,75,.98); }
.admin-page td { color:#cbd5e1;border-bottom-color:rgba(168,85,247,.17); }
.admin-page tr:hover td { background:rgba(168,85,247,.1); }
.admin-page .user-detail-drawer { background:linear-gradient(160deg,#302348,#17172f); }
.admin-page .detail-item { background:rgba(49,39,78,.82); }
.app-shell .cover-fixed-spec { margin-top:12px;padding:12px;border:1px solid rgba(168,85,247,.22);border-radius:14px;background:rgba(15,23,42,.38); }
.app-shell .cover-result-card { display:flex;align-items:flex-start;gap:16px;margin-top:12px;padding:14px;border:1px solid rgba(168,85,247,.3);border-radius:17px;background:linear-gradient(145deg,rgba(53,40,82,.82),rgba(31,29,59,.88)); }
.app-shell .cover-result-image { width:150px;aspect-ratio:3/4;max-height:210px;object-fit:contain;border-radius:12px;border:1px solid rgba(250,204,21,.32);box-shadow:0 14px 32px rgba(0,0,0,.28);background:#111827; }
.app-shell .cover-result-info { display:grid;gap:9px;flex:1;min-width:0; }
.app-shell .cover-result-actions { display:flex;gap:8px;flex-wrap:wrap; }
@media(max-width:600px){.app-shell .cover-result-card{flex-direction:column}.app-shell .cover-result-image{width:min(100%,220px);max-height:none}.app-shell .cover-result-actions .btn{flex:1;min-width:130px}}

.app-shell .nwgf-primary-cta {
  position:relative;min-height:42px;padding:10px 22px;border:1px solid rgba(250,204,21,.58)!important;
  color:#fff!important;font-weight:800;letter-spacing:.02em;
  background:linear-gradient(135deg,#7c3aed 0%,#9333ea 48%,#c084fc 100%)!important;
  box-shadow:0 10px 28px rgba(124,58,237,.34),0 0 0 3px rgba(250,204,21,.08);
}
.app-shell .btn.btn-primary:not(.btn-danger) { border-color:rgba(250,204,21,.32);box-shadow:0 7px 20px rgba(124,58,237,.22); }
.app-shell .nwgf-primary-cta:hover:not(:disabled) { transform:translateY(-2px);box-shadow:0 14px 34px rgba(124,58,237,.46),0 0 22px rgba(250,204,21,.18); }
.app-shell .nwgf-primary-cta:disabled { opacity:.5;box-shadow:none;transform:none; }
.app-shell .nwgf-primary-cta-note { margin-top:7px;color:#b9c4d4;font-size:11px;line-height:1.6; }
.app-shell .nwgf-next-step-panel { padding:14px;border:1px solid rgba(250,204,21,.26);border-radius:15px;background:linear-gradient(135deg,rgba(124,58,237,.17),rgba(250,204,21,.05)); }
.app-shell .quality-optimize-result { margin-top:12px;padding:16px;border:1px solid rgba(250,204,21,.3);border-radius:16px;background:linear-gradient(145deg,rgba(57,42,88,.96),rgba(28,27,57,.97)); }
.app-shell .quality-optimize-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:12px; }