:root{--color-bg: #fafaf7;--color-surface: #f0e9dc;--color-border: #d4c4b0;--color-text-primary: #3d2b1f;--color-text-secondary: #8b7355;--color-text-hint: #b8a898;--color-accent: #4a5e4a;--color-accent-light: #e8ede8;--color-highlight: #c4a882;--color-error: #a05050;--shadow-soft: 0 8px 24px rgba(61, 43, 31, .08);--radius-card: 12px;--radius-btn: 8px;color:var(--color-text-primary);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,system-ui,sans-serif;font-weight:400;line-height:1.6;background:var(--color-bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(196,168,130,.14),transparent 28%),radial-gradient(circle at top right,rgba(232,237,232,.75),transparent 26%),linear-gradient(180deg,#ffffffd9,#fafaf7f5),var(--color-bg);color:var(--color-text-primary)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.card{background:#ffffffc2;border:1px solid rgba(212,196,176,.8);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.app-shell{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:16px}.topbar{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 6px;color:var(--color-text-hint);font-size:12px;letter-spacing:.14em}.shell-title,.page-title,.login-title,.section-title,.state-title{margin:0;font-weight:300}.shell-title{font-size:28px}.shell-subtitle,.page-subtitle,.state-description,.field-label,.detail-label,.stat-label,.stat-note,.page-note{color:var(--color-text-secondary)}.shell-subtitle,.page-subtitle{margin:6px 0 0;font-size:14px}.page-note{margin:0;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.session-badge{padding:6px 10px;border-radius:8px;background:#f0e9dcb3;color:var(--color-text-secondary);font-size:13px}.shell-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.sidebar{padding:16px;position:sticky;top:24px}.side-nav{display:flex;flex-direction:column;gap:8px}.side-link{padding:12px 14px;border-radius:10px;color:var(--color-text-secondary);transition:background-color .2s ease,color .2s ease,transform .2s ease}.side-link:hover,.side-link.is-active{background:var(--color-accent-light);color:var(--color-accent);transform:translate(2px)}.content-area{min-width:0}.page-heading,.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-heading{margin-bottom:20px}.page-title{font-size:28px}.section-title{font-size:20px}.section-card,.detail-card,.stat-card{padding:20px}.data-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#ffffffeb,#f0e9dcc7),var(--color-surface)}.stat-value,.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.stat-value{font-size:32px;font-weight:500}.toolbar,.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{margin-bottom:16px}.input{width:100%;min-width:0;height:48px;padding:0 16px;border:1px solid var(--color-border);border-radius:12px;background:#f0e9dceb;color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::placeholder{color:var(--color-text-hint)}.input:focus{border-color:var(--color-text-secondary);box-shadow:0 0 0 3px #c4a8821f;background:#ffffffeb}.search-input{flex:1;min-width:220px}.button{height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.7;cursor:wait;transform:none}.button--block{width:100%}.button--primary{background:var(--color-accent);color:var(--color-bg);box-shadow:0 8px 18px #4a5e4a2e}.button--secondary{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.button--ghost{background:#fff9;border-color:var(--color-border);color:var(--color-text-secondary)}.filter-chip,.badge{display:inline-flex;align-items:center;justify-content:center}.filter-chip{height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--color-border);background:#ffffff9e;color:var(--color-text-secondary)}.filter-chip.is-active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.badge{padding:4px 8px;border-radius:4px;background:var(--color-accent-light);color:var(--color-accent);font-size:12px}.badge--muted{background:#f0e9dce6;color:var(--color-text-secondary)}.badge--warning{background:#c4956a2e;color:#9a622d}.error-banner{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(160,80,80,.24);border-radius:12px;background:#a0505014;color:var(--color-error);font-size:13px}.table-shell{overflow:auto;border:1px solid rgba(212,196,176,.7);border-radius:12px;background:#ffffffad}.data-table{width:100%;min-width:680px;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;font-size:14px;border-bottom:1px solid rgba(212,196,176,.55)}.data-table th{background:#f0e9dcb8;color:var(--color-text-secondary);font-weight:400}.data-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background:#e8ede880}.detail-list{display:grid;gap:12px}.detail-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;font-size:14px}.detail-value{color:var(--color-text-primary)}.long-text{white-space:pre-wrap;word-break:break-word}.inline-link{color:var(--color-accent)}.item-list{display:grid;gap:12px}.item-card{padding:16px;border:1px solid rgba(212,196,176,.72);border-radius:12px;background:#f0e9dcb3}.item-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.item-meta{margin-top:8px;display:grid;gap:4px;color:var(--color-text-secondary);font-size:13px}.state-card{padding:32px 24px;display:grid;gap:12px;justify-items:center;text-align:center}.login-screen{min-height:100vh;padding:24px;display:grid;place-items:center}.login-card{width:min(100%,420px);padding:32px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(212,196,176,.78);box-shadow:0 18px 40px #3d2b1f1a}.login-title{font-size:32px}.login-subtitle{margin:8px 0 24px;color:var(--color-text-secondary)}.form-stack{display:grid;gap:16px}.field-group{display:grid;gap:8px}.field-label{font-size:13px}@media(max-width:960px){.app-shell{padding:16px}.shell-body,.detail-grid,.data-grid{grid-template-columns:1fr}.sidebar{position:static}.side-nav{flex-direction:row;flex-wrap:wrap}.side-link{flex:1 1 140px}.topbar,.page-heading,.section-header{flex-direction:column;align-items:flex-start}.topbar-actions,.toolbar{width:100%;justify-content:flex-start}}@media(max-width:640px){.login-card{padding:24px}.page-title,.shell-title,.login-title{font-size:24px}.data-table{min-width:560px}}