:root{color:#18332f;font-synthesis:none;text-rendering:optimizelegibility;--brand:#0ccf83;--brand-deep:#079662;--ink:#18332f;--muted:#6f7f7a;--line:#dde6e2;--surface:#fff;--canvas:#f4f7f6;--danger:#ff5e65;background:#f4f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0ccf8347}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.primary-button,.secondary-button,.danger-button,.text-button{border-radius:9px;min-height:40px;padding:0 15px;font-size:13px;font-weight:750}.primary-button{border:1px solid var(--brand-deep);color:#fff;background:var(--brand-deep);box-shadow:0 7px 18px #07966229}.secondary-button{color:#4f625c;background:#fff;border:1px solid #d4dfdb}.danger-button{color:#b52e3b;background:#fff5f6;border:1px solid #f1c7cc}.text-button{color:#087e56;background:0 0;border:0;padding-inline:9px}.panel{background:var(--surface);border:1px solid #e0e8e5;border-radius:15px;box-shadow:0 7px 24px #20453b0d}.toolbar{align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:flex}.toolbar .grow{flex:1;min-width:180px}.field{gap:7px;min-width:0;display:grid}.field>span{color:#65766f;font-size:11px;font-weight:700}.field input,.field select,.field textarea{color:#27423c;background:#fff;border:1px solid #d8e2de;border-radius:9px;width:100%;min-width:0}.field input,.field select{height:41px;padding:0 11px}.field textarea{resize:vertical;min-height:108px;padding:11px;line-height:1.6}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid .full{grid-column:1/-1}.checkbox-field{color:#536860;align-items:center;gap:8px;font-size:12px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f0;padding:14px 15px}.data-table th{color:#75857f;white-space:nowrap;background:#f8faf9;font-size:11px;font-weight:750}.data-table td{color:#405650;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfc}.cell-title{gap:4px;display:grid}.cell-title strong{color:#24433c;font-size:13px}.cell-title small{color:#87948f;font-size:10px}.row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.notice{color:#a3313d;background:#fff4f5;border:1px solid #ffd0d4;border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:12px}.success-notice{color:#08734f;background:#effaf5;border-color:#bee8d5}.loading-state,.empty-state{color:#82918c;text-align:center;padding:58px 20px}.empty-state{background:#f9fbfa;border:1px dashed #ccd9d4;border-radius:13px}.pagination{color:#72817c;justify-content:flex-end;align-items:center;gap:10px;padding:14px 16px;font-size:11px;display:flex}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.table-scroll{overflow-x:auto}.field small{color:#7c8d86;font-size:11px}.field input[readonly],.field input:disabled,.field select:disabled{color:#6f7f7a;background:#f6f8f7}@media (width<=760px){.toolbar{flex-wrap:wrap}.toolbar .grow{flex-basis:100%}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.table-scroll{overflow-x:auto}.data-table{min-width:760px}}