:root{--bg: #f7f8f8;--bg-soft: #fbfbfa;--surface: #ffffff;--surface-soft: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--ink: #1f2629;--ink-soft: #4d5a62;--muted: #7a8690;--line: rgba(32, 38, 42, .1);--line-strong: rgba(32, 38, 42, .18);--primary: #aa5c31;--primary-strong: #7d3e18;--primary-soft: rgba(170, 92, 49, .1);--accent: #245f74;--success: #1f7a55;--success-soft: rgba(31, 122, 85, .12);--danger: #b04134;--danger-soft: rgba(176, 65, 52, .12);--warning: #b07a26;--warning-soft: rgba(176, 122, 38, .14);--info-soft: rgba(36, 95, 116, .12);--shadow-sm: 0 4px 12px rgba(31, 38, 41, .05);--shadow-md: 0 12px 28px rgba(31, 38, 41, .08);--shadow-lg: 0 24px 56px rgba(31, 38, 41, .11);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--sidebar-w: 260px;--sidebar-bg: #1c2629;--sidebar-ink: #f3ece2;--sidebar-ink-soft: rgba(243, 236, 226, .65)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 8% 0%,rgba(170,92,49,.06),transparent 30%),radial-gradient(circle at 92% 6%,rgba(36,95,116,.05),transparent 26%),linear-gradient(180deg,#fff,#f8f8f7 52%,#f1f3f3);background-attachment:fixed}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:SF Mono,Menlo,Consolas,monospace;background:var(--primary-soft);padding:2px 6px;border-radius:6px;font-size:.9em}.primary-button{appearance:none;border:0;border-radius:var(--radius-md);padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff8f0;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{appearance:none;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-md);padding:7px 14px;color:var(--ink);font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.ghost-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ghost-button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{appearance:none;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-search{flex:1;min-width:200px;max-width:320px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.auth-card{width:min(460px,100%);background:var(--surface-strong);border-radius:var(--radius-xl);padding:36px 36px 32px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.auth-card-narrow{width:min(380px,100%);text-align:center}.auth-card h1{font-size:1.4rem;margin-bottom:8px}.auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.auth-brand strong{font-size:1.05rem;font-weight:700}.auth-brand p{color:var(--muted);font-size:.85rem;margin-top:2px}.auth-form{display:grid;gap:16px}.auth-form h2{font-size:1.15rem;margin-bottom:4px}.auth-form label{display:grid;gap:6px;font-size:.85rem;color:var(--ink-soft);font-weight:500}.auth-form .primary-button{margin-top:4px;padding:12px;font-size:1rem}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#c87d46,#7d3e18);color:#fff5e8;font-size:.9rem;font-weight:800;letter-spacing:0;flex-shrink:0}.page{min-height:100vh;padding:28px 36px 40px;max-width:1280px;margin:0 auto}.page-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.page-topbar h1{font-size:1.5rem;font-weight:700}.page-topbar p{color:var(--muted);font-size:.9rem;margin-top:4px}.page-topbar-right{display:flex;align-items:center;gap:10px}.page-body{min-height:240px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.project-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface-strong);border-radius:var(--radius-lg);padding:22px 20px 18px;cursor:pointer;display:grid;gap:14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:var(--shadow-sm)}.project-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card h3{font-size:1.05rem;font-weight:700}.project-card dl{margin:0;display:grid;grid-template-columns:56px 1fr;row-gap:4px;column-gap:10px;font-size:.85rem}.project-card dt{color:var(--muted)}.project-card dd{margin:0;color:var(--ink-soft)}.project-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--line)}.progress{font-weight:700;color:var(--primary)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}.status-pill.status-on{background:var(--success-soft);border-color:transparent;color:var(--success)}.shell{position:relative;min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar-bg);color:var(--sidebar-ink);padding:22px 18px 20px;display:flex;flex-direction:column;gap:16px;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.sidebar-brand{display:flex;gap:12px;align-items:center}.sidebar-brand strong{display:block;font-size:1rem;color:var(--sidebar-ink)}.sidebar-brand p{color:var(--sidebar-ink-soft);font-size:.78rem;margin-top:3px}.sidebar-back{border-color:#ffffff2e;background:#ffffff0f;color:var(--sidebar-ink);justify-content:center}.sidebar-back:hover{background:#ffffff1f;color:#fff}.sidebar-nav{flex:1;overflow-y:auto;display:grid;gap:14px;padding-right:2px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.nav-group-head{appearance:none;border:0;background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 4px;color:var(--sidebar-ink);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.85}.nav-group-head em{font-style:normal;font-size:.7rem;color:var(--sidebar-ink-soft)}.nav-list{display:grid;gap:4px}.nav-item{appearance:none;background:transparent;border:0;border-radius:var(--radius-sm);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--sidebar-ink);cursor:pointer;font-size:.88rem;text-align:left;transition:background .15s ease,color .15s ease}.nav-item:hover:not(.disabled){background:#ffffff14}.nav-item.active{background:linear-gradient(135deg,#c87d4657,#7d3e1866);color:#fff5e8;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item em{font-style:normal;font-size:.7rem;padding:2px 6px;border-radius:999px;background:#ffffff14;color:var(--sidebar-ink-soft)}.nav-item em.tag-live{background:var(--success-soft);color:#6bdfac}.nav-item em.tag-soon{background:#ffffff14;color:var(--sidebar-ink-soft)}.sidebar-foot{display:grid;gap:6px}.sidebar-foot .ghost-button{border-color:#ffffff29;background:transparent;color:var(--sidebar-ink);justify-content:center}.sidebar-foot .ghost-button:hover{background:#ffffff0f;color:#fff;border-color:#ffffff52}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;background:var(--surface-soft);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar h1{font-size:1.2rem;font-weight:700}.topbar p{color:var(--muted);font-size:.82rem;margin-top:4px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-search{position:relative}.topbar-search input{width:240px;padding:7px 12px 7px 30px;border-radius:999px;background:var(--bg-soft);border-color:transparent}.topbar-search:before{content:"⌕";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.95rem;pointer-events:none}.badge{background:var(--info-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.main-content{padding:22px 28px 32px;min-height:calc(100vh - 64px);display:flex;flex-direction:column;gap:16px}.hub-tip{color:var(--muted);font-size:.85rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.module-tile{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface-strong);border-radius:var(--radius-lg);padding:18px 18px 14px;cursor:pointer;display:grid;gap:8px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.module-tile:hover:not(.disabled){border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.module-tile.disabled{opacity:.55;cursor:not-allowed}.module-tile-title{font-weight:600;font-size:.96rem}.module-tile-hint{color:var(--muted);font-size:.82rem;line-height:1.45}.module-tile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.module-locked{position:absolute;top:10px;right:12px;font-size:.72rem;color:var(--danger);background:var(--danger-soft);padding:2px 8px;border-radius:999px}.tag{font-size:.72rem;padding:2px 8px;border-radius:999px;font-weight:500}.tag-live{background:var(--success-soft);color:var(--success)}.tag-soon{background:var(--bg-soft);color:var(--muted)}.tag-auth{background:var(--warning-soft);color:var(--warning)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md)}.toolbar-hint{color:var(--muted);font-size:.82rem}.toolbar-field{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-soft)}.toolbar-field input{width:auto;min-width:150px}.sub-tabs{display:flex;gap:4px;background:var(--bg-soft);padding:4px;border-radius:999px;align-self:flex-start;border:1px solid var(--line)}.sub-tab{appearance:none;border:0;background:transparent;padding:6px 16px;border-radius:999px;cursor:pointer;color:var(--ink-soft);font-size:.86rem;font-weight:500;transition:background .15s ease,color .15s ease}.sub-tab:hover:not(.active){color:var(--primary)}.sub-tab.active{background:var(--surface-strong);color:var(--primary);box-shadow:var(--shadow-sm)}.panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;min-height:180px}.sub-heading{font-size:.95rem;font-weight:600;margin:14px 0 10px;color:var(--ink-soft)}.sub-heading:first-child{margin-top:0}.cat-block{margin-bottom:18px}.cat-title{font-size:.92rem;font-weight:600;margin-bottom:10px;color:var(--primary);border-left:3px solid var(--primary);padding-left:10px}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--line)}.data-table{width:100%;border-collapse:collapse;font-size:.86rem}.data-table th,.data-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:var(--bg-soft);font-weight:600;color:var(--ink-soft);font-size:.8rem;letter-spacing:.02em;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#aa5c310a}.cell-clip{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-sub{color:var(--muted);font-size:.78rem;margin-top:2px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 0 2px}.pager-info{color:var(--muted);font-size:.85rem}.state{display:grid;place-items:center;text-align:center;padding:36px 12px;gap:10px}.state-empty{color:var(--muted)}.state-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg-soft);color:var(--muted);font-size:1.4rem}.muted{color:var(--muted);font-size:.85rem}.placeholder{display:grid;place-items:center;padding:60px 16px;gap:8px;color:var(--ink-soft)}.placeholder p:first-child{font-size:1.05rem;font-weight:600}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;background:var(--surface-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);animation:toast-in .2s ease;z-index:1000;max-width:min(420px,90vw)}.toast-success{border-color:var(--success);color:var(--success)}.toast-error{border-color:var(--danger);color:var(--danger);background:#fff5f3}.toast-info{border-color:var(--accent);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;inset:0;background:#14100a6b;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:16px;animation:backdrop-in .18s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line);display:flex;flex-direction:column;max-height:calc(100vh - 32px);animation:card-in .2s ease;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:1.05rem;font-weight:700}.modal-close{appearance:none;background:transparent;border:0;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--bg-soft);color:var(--ink)}.modal-body{padding:18px 22px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--bg-soft)}.record-form{display:grid;gap:14px}.form-field{display:grid;gap:6px}.form-label{font-size:.85rem;color:var(--ink-soft);font-weight:500}.form-label em{font-style:normal;color:var(--danger);margin-left:4px}.form-help{font-size:.78rem;color:var(--muted)}.form-error{background:var(--danger-soft);color:var(--danger);padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem}.confirm-message{font-size:.92rem;color:var(--ink);line-height:1.55}.danger-button{background:linear-gradient(135deg,#c45a4a,#8e3024)}.col-actions{width:1%;white-space:nowrap}.row-actions{display:inline-flex;gap:12px}.link-button{appearance:none;background:transparent;border:0;padding:0;color:var(--accent);font-size:.86rem;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.link-button.danger{color:var(--danger)}.toolbar-spacer{flex:1}@media (max-width: 960px){:root{--sidebar-w: 220px}.topbar-search input{width:180px}.page{padding:20px 18px 32px}}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-nav{max-height:220px}.topbar-search{display:none}}