*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f5f5;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.nav{z-index:100;background:#fff;border-bottom:1px solid #e2e2e2;position:sticky;top:0;box-shadow:0 1px 3px #0000000f}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{color:#1a1a1a;letter-spacing:-.2px;font-size:17px;font-weight:600}.nav-link{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:background .15s}.nav-link:hover{background:#eff6ff}.page{max-width:1100px;margin:0 auto;padding:32px 24px}.page-heading{color:#1a1a1a;letter-spacing:-.3px;margin-bottom:24px;font-size:24px;font-weight:600}.back-link{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:20px;padding:0;font-size:14px;transition:color .15s;display:inline-flex}.back-link:hover{color:#1a1a1a}.card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 1px 4px #0000000f}.card-title{color:#1a1a1a;font-size:16px;font-weight:600}.card-desc{color:#555;flex:1;font-size:14px;line-height:1.5}.card-footer{border-top:1px solid #f0f0f0;margin-top:auto;padding-top:10px}.source-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn-danger:hover{background:#fef2f2;border-color:#f87171}.status-badge{border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-active{color:#15803d;background:#dcfce7}.status-active:before{background:#16a34a}.status-error{color:#b91c1c;background:#fee2e2}.status-error:before{background:#dc2626}.status-pending{color:#92400e;background:#fef3c7}.status-pending:before{background:#f59e0b}.status-inactive{color:#4b5563;background:#f3f4f6}.status-inactive:before{background:#9ca3af}.table-wrap{background:#fff;border:1px solid #e2e2e2;border-radius:10px;overflow-x:auto;box-shadow:0 1px 4px #0000000f}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:#f8f9fa}th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e2e2e2;padding:11px 16px;font-size:12px;font-weight:600}td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 16px}tr:last-child td{border-bottom:none}tbody tr:nth-child(2n) td{background:#f9f9f9}tbody tr:hover td{background:#f0f4ff}.form-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;max-width:560px;padding:28px 32px;box-shadow:0 1px 4px #0000000f}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:#374151;font-size:14px;font-weight:500}.form-input,.form-select{color:#1a1a1a;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-select[multiple]{height:auto;min-height:90px}.form-help{color:#6b7280;font-size:12px}.form-errors{background:#fef2f2;border:1px solid #fca5a5;border-radius:7px;margin-bottom:20px;padding:12px 16px}.form-errors ul{color:#b91c1c;margin:0;padding-left:18px;font-size:13px}.preview-meta{color:#6b7280;margin-bottom:12px;font-size:13px}.preview-table-wrap{border:1px solid #e2e2e2;border-radius:10px;max-height:500px;overflow-y:auto;box-shadow:0 1px 4px #0000000f}.preview-table-wrap thead th{z-index:1;background:#f8f9fa;position:sticky;top:0}.action-group{flex-wrap:wrap;gap:6px;display:flex}.empty-state{text-align:center;color:#6b7280;padding:60px 24px;font-size:15px}.mt-16{margin-top:16px}.mb-24{margin-bottom:24px}