@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg:#fbf8ef;--panel:#fff;--panel-muted:#fffaf0;--line:#eadfca;--line-strong:#b86e053d;--text:#1f1b12;--muted:#746b5b;--gold:#d99a08;--gold-soft:#d99a0824;--emerald:#1f9d72;--emerald-soft:#1f9d721f;--danger:#d64536;--danger-soft:#d645361f;--slate:#68717d;--shadow:0 18px 44px #7b58101f;--font-sans:"Noto Sans SC", sans-serif;--font-display:"Plus Jakarta Sans", "Noto Sans SC", sans-serif;color:var(--text);font-family:var(--font-sans);background:var(--bg)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #d99a0824, transparent 26rem), linear-gradient(180deg, #fffdf7 0%, var(--bg) 52%, #fff 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.admin-app{min-height:100vh;padding:24px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;padding:28px}.eyebrow{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:var(--font-display)}.hero-copy,.header-copy,.list-card p,.mini-card p,.state-text,.sidebar-note span,.sidebar-user p,.hero-summary span,.detail-grid p,.field span,.ability-item span,.scope-option span{color:var(--muted)}.hero-copy,.header-copy{max-width:64ch;line-height:1.8}.login-shell{grid-template-columns:minmax(0,1.2fr) minmax(360px,460px);align-items:stretch;gap:24px;max-width:1360px;margin:0 auto;display:grid}.login-hero{flex-direction:column;justify-content:space-between;min-height:740px;display:flex}.login-hero h1{letter-spacing:0;max-width:10ch;font-size:clamp(52px,6vw,88px);line-height:.96}.hero-grid,.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-card,.list-card,.shortcut-card,.role-card,.sidebar-note,.scope-option,.ability-item,.summary-pill,.login-tips{border:1px solid var(--line);background:var(--panel-muted);border-radius:12px}.mini-card,.list-card,.shortcut-card,.role-card{padding:18px}.mini-card span,.summary-pill,.sidebar-note p,.nav-group-title,.field span{letter-spacing:.06em;text-transform:uppercase;font-size:12px}.mini-card strong,.list-card strong,.role-card strong,.sidebar-user h3,.sidebar-brand strong,.hero-banner h3,.panel-head h3,.workspace-header h2{color:var(--text);margin-bottom:8px;display:block}.login-info-box,.sidebar-brand,.sidebar-user,.panel-head,.list-card-head,.toolbar,.summary-row,.detail-actions,.header-actions,.inline-metrics,.badge-stack{align-items:center;gap:12px;display:flex}.login-info-box{border:1px solid var(--line-strong);background:linear-gradient(135deg,#d99a081f,#fffaf0e6);border-radius:14px;flex-wrap:wrap;padding:18px 20px}.login-panel{flex-direction:column;justify-content:center;gap:20px;display:flex}.panel-head{justify-content:space-between;margin-bottom:18px}.form-grid,.form-card,.ability-stack,.stack-list,.detail-grid{gap:16px;display:grid}.field,.toggle-field{gap:10px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdf8;border-radius:10px;outline:none;padding:14px 16px}.field textarea{resize:vertical;min-height:86px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d99a087a;box-shadow:0 0 0 3px #d99a081f}.grow{flex:1}.compact{min-width:152px}.primary-btn,.secondary-btn,.text-btn,.nav-item,.role-card,.shortcut-card{border:0}.primary-btn,.secondary-btn,.text-btn{border-radius:999px;padding:12px 18px;font-weight:700}.primary-btn{color:#241901;background:linear-gradient(135deg,#e7bd4d,#f8d572);box-shadow:0 18px 34px #e7bd4d38}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{color:var(--text);border:1px solid var(--line);background:#fffdf8}.text-btn{color:var(--gold);background:0 0;padding:0}.state-text.error{color:var(--danger)}.login-tips{gap:8px;padding:18px 20px;display:grid}.workspace-shell{grid-template-columns:300px minmax(0,1fr);gap:20px;max-width:1600px;margin:0 auto;display:grid}.sidebar{align-self:start;gap:18px;display:grid;position:sticky;top:24px}.brand-mark{color:#2e2203;width:56px;height:56px;font-family:var(--font-display);background:linear-gradient(135deg,#f5cf67,#d19e2e);border-radius:20px;place-items:center;font-size:20px;font-weight:800;display:grid}.sidebar-brand p,.nav-group-title,.sidebar-note p{color:var(--muted);margin:0}.sidebar-user{justify-items:start;gap:6px;padding:18px;display:grid}.nav-group{gap:10px;display:grid}.nav-item{width:100%;color:var(--muted);background:#fffdf8;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .18s;display:flex}.nav-item.active,.nav-item:hover{color:var(--text);background:linear-gradient(135deg,#d99a0829,#fffaf0);transform:translateY(-1px)}.nav-item small{color:var(--gold);font-family:var(--font-display);font-size:11px}.sidebar-note{gap:8px;padding:18px;display:grid}.sidebar-note .mode-source{color:var(--slate);letter-spacing:0;text-transform:none;font-size:13px}.workspace-main{gap:18px;display:grid}.workspace-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-header h2{letter-spacing:0;margin-bottom:10px;font-size:clamp(30px,4vw,46px);line-height:1.04}.header-actions{flex-wrap:wrap;justify-content:flex-end}.badge{border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge.gold{color:#2e2203;background:var(--gold)}.badge.emerald{color:#042b21;background:#36c29b}.badge.danger{color:#3a0d06;background:#ff7a66}.badge.slate{color:#121720;background:#a6b2cc}.notice{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice.success{background:linear-gradient(135deg, var(--emerald-soft), #fff);border-color:#1f9d723d}.notice.warning{background:linear-gradient(135deg, var(--danger-soft), #fff);border-color:#d645363d}.notice.info{background:linear-gradient(135deg, var(--gold-soft), #fff);border-color:#d99a083d}.page-grid,.stat-grid,.content-grid,.role-grid,.scope-switch,.chip-row{gap:18px;display:grid}.hero-banner{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hero-summary{gap:10px;min-width:240px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{gap:12px;display:grid}.stat-card strong{letter-spacing:0;font-size:clamp(26px,3vw,40px);line-height:1}.stat-card span{color:var(--muted)}.stat-card.gold{background:linear-gradient(#d99a081f,#fff);border-color:#d99a0847}.stat-card.emerald{background:linear-gradient(#1f9d721a,#fff);border-color:#1f9d723d}.stat-card.slate{background:linear-gradient(#68717d14,#fff);border-color:#68717d38}.stat-card.danger{background:linear-gradient(#d645361a,#fff);border-color:#d645363d}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.72fr)}.table-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}.data-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.data-table td strong{margin-bottom:6px;display:block}.data-table td span{color:var(--muted);font-size:13px}.data-table tbody tr{cursor:pointer;transition:background .16s}.data-table tbody tr:hover,.data-table tbody tr.selected{background:#d99a0814}.data-table tbody tr.table-row-danger{background:#d6453614}.data-table tbody tr.table-row-warning{background:#d99a080f}.data-table tbody tr.table-row-danger.selected,.data-table tbody tr.table-row-warning.selected{background:linear-gradient(135deg,#d99a0824,#fffaf0)}.quick-grid-simple{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.quick-grid-simple .shortcut-card{text-align:left;background:#fffdf8;min-height:132px}.quick-grid-simple .shortcut-card:hover{background:linear-gradient(135deg,#d99a0824,#fffaf0);transform:translateY(-1px)}.simple-page-head,.simple-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.simple-page-head h3{margin-bottom:8px}.simple-row-end{text-align:right;justify-items:end;gap:10px;min-width:140px;display:grid}.simple-top-gap{margin-top:18px}.product-card-simple{gap:12px;display:grid}.detail-card .form-card,.panel>.form-card{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-card{align-self:start;gap:18px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid p{margin-bottom:0;line-height:1.7}.detail-grid strong{color:var(--text)}.chip-row{flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);color:var(--slate);background:#fffdf8;border-radius:999px;align-items:center;padding:10px 12px;font-size:13px;display:inline-flex}.inline-metrics,.summary-row,.badge-stack,.detail-actions{flex-wrap:wrap}.summary-pill{color:var(--gold);padding:12px 16px}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card,.shortcut-card{text-align:left;color:var(--muted);background:#fffdf8;gap:8px;display:grid}.role-card.active,.shortcut-card:hover{background:linear-gradient(135deg,#d99a0824,#fffaf0);border-color:#d99a0847}.scope-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.scope-option,.ability-item{align-items:flex-start;gap:12px;padding:16px;display:flex}.scope-option input,.ability-item input,.toggle-field input{accent-color:var(--gold);margin-top:4px}.ability-group{gap:12px;display:grid}.ability-group header p{color:var(--muted);margin-bottom:0}.toggle-field{border:1px solid var(--line);background:#fffdf8;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;padding:14px 16px}.empty-block{color:var(--muted);padding:18px}.placeholder-panel{min-height:340px}@media (width<=1280px){.login-shell,.workspace-shell,.two-up,.sidebar-layout,.scope-switch{grid-template-columns:1fr}.stat-grid,.role-grid,.hero-grid,.template-grid,.quick-grid-simple,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:static}}@media (width<=800px){.admin-app{padding:14px}.stat-grid,.role-grid,.hero-grid,.template-grid,.detail-grid,.quick-grid-simple,.settings-grid,.detail-card .form-card,.panel>.form-card{grid-template-columns:1fr}.workspace-header,.hero-banner,.toolbar,.panel-head,.login-info-box{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.data-table{white-space:nowrap;display:block;overflow-x:auto}}