:root{color:#1f1a17;background:#f8f4ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1180px;background:#f8f4ef}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#211a16;color:#fff8ef;padding:24px 18px;display:flex;flex-direction:column}.brand-block{display:flex;gap:12px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#d7b078,#ad6f45);color:#211a16;font-weight:800}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{margin-top:4px;color:#fff8ef9e;font-size:12px}.side-nav{display:grid;gap:8px;margin-top:24px}.nav-link{color:#fff8efbd;text-decoration:none;padding:12px 14px;border-radius:14px;transition:all .16s ease}.nav-link:hover,.nav-link.router-link-active{color:#fff8ef;background:#ffffff1a}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.user-line{font-size:13px;color:#fff8efb8;margin-bottom:12px}.ghost-button{width:100%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff8ef;border-radius:12px;padding:10px 12px}.ghost-button:hover{background:#ffffff14}.main-panel{padding:30px;overflow:auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{color:#986d49;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:6px 0 0;font-size:28px;letter-spacing:-.02em}.muted{color:#746960}.card{background:#ffffffdb;border:1px solid rgba(72,52,39,.08);border-radius:24px;box-shadow:0 12px 32px #2f201714}.card-body{padding:22px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.textarea,.select{border:1px solid #e4d9cf;background:#fff;color:#1f1a17;border-radius:12px;padding:10px 12px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#b78055;box-shadow:0 0 0 3px #b7805529}.textarea{min-height:92px;resize:vertical;line-height:1.55}.primary-button,.secondary-button,.danger-button{border:0;border-radius:12px;padding:10px 14px;font-weight:700}.primary-button{background:#9c5f3f;color:#fffaf4}.primary-button:hover{background:#854f34}.secondary-button{background:#eee2d7;color:#5b3d2b}.secondary-button:hover{background:#e5d4c4}.danger-button{background:#efe0dd;color:#9b3028}.danger-button:hover{background:#e9d0ca}.button-row{display:flex;gap:8px;align-items:center}.table-wrap{overflow:auto;border-radius:18px;border:1px solid #eee3d9}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;border-bottom:1px solid #efe5dc;text-align:left;vertical-align:top;font-size:14px}th{background:#fbf6f1;color:#6d5849;font-size:12px;font-weight:800}tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;background:#f0e4d8;color:#785136}.status-pill.visible,.status-pill.open,.status-pill.active{background:#e9f2e7;color:#396a32}.status-pill.hidden,.status-pill.closed,.status-pill.inactive{background:#f0e2df;color:#914037}.status-pill.normal{background:#efe8df;color:#665446}.status-pill.deleted{background:#f1d9d3;color:#8a362f}.deleted-row{background:#fff8f6;color:#84756b}.row-meta{margin-top:6px;color:#9a8d82;font-size:12px;white-space:nowrap}.thumb{width:58px;height:58px;border-radius:12px;object-fit:cover;border:1px solid #eee3d9;background:#f5ede5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1 / -1}.form-label{color:#5c4c42;font-size:13px;font-weight:700}.form-hint{color:#9a8d82;font-size:12px}.field-error{color:#9b3028;font-size:12px;font-weight:700}.input-stack,.asset-picker{display:grid;gap:8px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #eaded3;border-radius:12px;background:#fffaf6}.choice-item{display:flex;align-items:center;gap:8px;color:#5c4c42;font-size:13px}.import-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.import-preview{margin-top:20px}.import-guide{border:1px solid #eaded3;background:#fffaf6;border-radius:16px;padding:16px 18px;margin-bottom:18px}.import-guide h3{margin:0 0 10px;font-size:16px}.import-guide ul{margin:0;padding-left:20px;color:#66584d;line-height:1.7;font-size:13px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1a175c;display:flex;justify-content:flex-end;z-index:30}.drawer{width:min(760px,92vw);height:100vh;background:#fdf8f3;box-shadow:-18px 0 40px #1f1a172e;overflow:auto}.upload-panel{width:min(640px,92vw);height:100vh;background:#fdf8f3;box-shadow:-18px 0 40px #1f1a172e;overflow:auto}.drawer-header{position:sticky;top:0;z-index:2;background:#fdf8f3f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px 24px;border-bottom:1px solid #eaded3;display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:22px 24px 32px}.message{border-radius:14px;padding:12px 14px;margin-bottom:16px}.message.error{background:#f5e4e0;color:#8c3129}.message.success{background:#e9f2e7;color:#396a32}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(199,154,105,.28),transparent 28%),#f8f4ef}.login-card{width:420px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:20px}.metric-value{font-size:30px;font-weight:800;margin-top:8px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.quick-card{padding:18px;text-decoration:none;color:inherit}.quick-card:hover{transform:translateY(-1px)}.empty-state{padding:36px;text-align:center;color:#7d6e62}@media(max-width:980px){body{min-width:0}.app-shell{grid-template-columns:1fr}.sidebar{position:static}.form-grid,.metric-grid,.quick-grid{grid-template-columns:1fr}}
