:root{color:#1f2933;background:#f3f0ea;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}a,button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3,p{margin:0}button{cursor:pointer}#app{min-height:100vh}.panel-card{background:#fffdf9;border:1px solid #ddd6c8;border-radius:18px;padding:20px}.page-stack{flex-direction:column;gap:18px;display:flex}.page-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:18px;display:grid}.side-form{align-self:start;position:sticky;top:24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-head p{color:#6b7280;margin-top:6px}.panel-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar input.input{flex:320px;min-width:220px}.toolbar select.input{flex:0 0 160px;width:160px}.toolbar .primary-button,.toolbar .secondary-button{white-space:nowrap;flex:none}.toolbar-wide input.input{flex-basis:260px;min-width:220px}.toolbar-wide select.input{flex-basis:150px;width:150px}.input{color:#1f2933;background:#fffdf9;border:1px solid #d7d0c2;border-radius:12px;width:100%;padding:11px 13px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:40px}.textarea{resize:vertical;min-height:96px}.primary-button{color:#fffdf9;background:#2f3a34;border:0;border-radius:12px;padding:11px 16px}.text-button{color:#2f3a34;background:0 0;border:0;padding:0}.danger-text{color:#b94832}.full-width{width:100%}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ece5d8;padding:12px 10px}.data-table thead th{color:#7a7f77;font-size:13px}.empty-cell{color:#6b7280;padding:28px 12px;text-align:center!important}.action-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:inline-flex}.action-cell{white-space:nowrap;width:170px}.status-chip{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.status-chip.is-on{color:#1d5d36;background:#dfeee2}.status-chip.is-off{color:#8a4b1f;background:#f6e6d3}.status-chip.is-info{color:#35546c;background:#e0ebf2}.footer-line{color:#6b7280;margin-top:14px}.field{flex-direction:column;gap:8px;display:flex}.field-span-2{grid-column:span 2}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mono-text{word-break:break-all;color:#6b7280;max-width:240px}.upload-group,.picker-group{flex-direction:column;gap:12px;display:flex}.picker-hint{color:#6b7280;font-size:13px}.upload-row{align-items:center;gap:12px;display:flex}.upload-row .input{flex:auto}.hidden-file-input{display:none}.upload-preview{background:#f8f5ef;border:1px solid #d7d0c2;border-radius:14px;width:96px;height:96px;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.upload-preview-banner{aspect-ratio:16/6;width:min(100%,360px)}.table-thumb{width:72px;height:72px}.table-thumb-banner{border-radius:10px;width:120px;height:45px}.upload-placeholder{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.preview-trigger{background:0 0;border:0;padding:0}.preview-trigger .upload-preview{cursor:zoom-in}.image-viewer{width:100%}.image-viewer img{object-fit:contain;width:100%;max-height:72vh;display:block}.dialog-mask{z-index:1000;background:#11182757;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-card{background:#fffdf9;border:1px solid #ddd6c8;border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 20px 60px #1f293329}.dialog-card-wide{width:min(980px,100%)}.dialog-head{border-bottom:1px solid #ece5d8;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px 16px;display:flex}.dialog-body{padding:20px 22px 22px}.dialog-close{color:#4b5563;background:#fffdf9;border:1px solid #d7d0c2;border-radius:12px;padding:9px 14px}.dialog-form-actions{justify-content:flex-end;gap:12px;display:flex}.secondary-button{color:#374151;background:#fffdf9;border:1px solid #d7d0c2;border-radius:12px;padding:11px 16px}@media (width<=1080px){.page-grid{grid-template-columns:1fr}.side-form{position:static}}@media (width<=720px){.toolbar{flex-wrap:wrap}.toolbar input.input,.toolbar select.input{flex:100%;width:100%;min-width:0}.upload-row{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.dialog-mask{padding:12px}.dialog-head,.dialog-body{padding-left:16px;padding-right:16px}}