:root{--c-bg:#f5f7fa;--c-surface:#fff;--c-border:#e3e8ee;--c-text:#1f2933;--c-muted:#6b7785;--c-primary:#2f6feb;--c-primary-hover:#245ad0;--c-danger:#d33a3a;--c-warning:#f5a623;--c-success:#2e9c5c;--radius:6px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius);border:1px solid var(--c-border);color:var(--c-text);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.btn-primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover);color:#fff}.btn-danger{color:var(--c-danger);border-color:var(--c-danger);background:#fff}.btn-danger:hover{background:var(--c-danger);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,textarea{border-radius:var(--radius);border:1px solid var(--c-border);background:#fff;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.input:focus,.select:focus,textarea:focus{border-color:var(--c-primary)}textarea{resize:vertical;min-height:80px}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{border-bottom:1px solid var(--c-border);text-align:left;padding:10px 12px;font-size:13px}.table th{color:var(--c-muted);background:#fafbfc;font-weight:600}.table tr:hover{background:#fafbfc}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.page{padding:16px}.page-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.page-title{font-size:18px;font-weight:600}.form-row{margin-bottom:12px}.form-row label{color:var(--c-muted);margin-bottom:4px;font-size:12px;display:block}.form-row .required:after{content:" *";color:var(--c-danger)}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tag{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.tag-D{color:#1f5fcf;background:#e8f1ff}.tag-P{color:#b87100;background:#fff4e1}.tag-Z{color:#1f7a3b;background:#e8f7ee}.toolbar{border-radius:var(--radius);border:1px solid var(--c-border);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.pagination{justify-content:flex-end;align-items:center;gap:8px;padding:12px;display:flex}.modal-mask{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;flex-direction:column;width:600px;max-width:90vw;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:14px 18px;font-size:16px;font-weight:600;display:flex}.modal-body{flex:1;padding:18px;overflow:auto}.modal-footer{border-top:1px solid var(--c-border);text-align:right;padding:12px 18px}.modal-footer .btn{margin-left:8px}.notif-stack{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.notif{border-radius:var(--radius);border-left:4px solid var(--c-primary);min-width:240px;box-shadow:var(--shadow-md);background:#fff;padding:10px 14px;font-size:13px;animation:.2s slideIn}.notif.success{border-left-color:var(--c-success)}.notif.error{border-left-color:var(--c-danger)}.notif.warning{border-left-color:var(--c-warning)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}