@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f7f8fa;--bg2: #f1f4f8;--card: #ffffff;--stroke: #e1e6ef;--text: #1a2433;--muted: #6b778c;--accent: #2f6feb;--accent-2: #1f7a5a;--danger: #d64545;--warning: #f3b255;--success: #1f7a5a;--shadow: 0 8px 20px rgba(20, 33, 61, .06);--radius: 12px;--radius-sm: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--stroke);background:#fff;display:flex;flex-direction:column;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;display:grid;place-items:center;box-shadow:var(--shadow)}.brand-title{font-weight:700;font-size:16px}.brand-sub{font-size:12px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:8px}.nav a{padding:10px 12px;border-radius:10px;background:#f6f8fc;border:1px solid #eef2f7}.nav a:hover{border-color:var(--stroke)}.nav a.active{background:#eef4ff;border-color:#dbe7ff;color:#1b4fd6;font-weight:600}.main{padding:28px 32px}.page{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{font-size:24px;font-weight:700}.page-sub{color:var(--muted);margin-top:4px}.actions{display:flex;gap:10px}button{font-family:inherit;border:1px solid var(--stroke);background:transparent;color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer}button.primary{background:var(--accent);color:#fff;border:none;font-weight:600}button.secondary{background:#f5f7fb;border-color:#e6ebf3}button.danger{background:#fff1f1;border-color:#f2c6c6;color:var(--danger)}label.file-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--stroke);background:#fff;cursor:pointer;color:var(--text)}label.file-btn input{display:none}.btn-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;border:1px solid var(--stroke);background:#fff;color:var(--text)}.notice{padding:12px 14px;border-radius:10px;border:1px solid var(--stroke);background:#fff;color:var(--text)}.error-list{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px dashed var(--stroke);color:var(--danger);font-size:12px;max-height:160px;overflow:auto}.mapping-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--stroke);background:#f8fafc}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:12px 14px;border-bottom:1px solid var(--stroke);background:#fff}.mapping-item{display:flex;flex-direction:column;gap:6px}button.ghost{background:transparent}.filters{display:flex;gap:12px;align-items:center}.search{flex:1}input,select{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#fff;color:var(--text);font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #9ec5ff;outline-offset:2px}input::placeholder{color:#9aa6b2}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:12px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius)}.inline-form .error{grid-column:1 / -1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.kpi-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kpi-value{font-size:22px;margin-top:8px}.kpi-value.danger{color:var(--danger)}.table-wrap{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);overflow:auto}.table-title{padding:12px 14px;font-weight:600;border-bottom:1px solid var(--stroke);background:#f8fafc}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f5f7fb}th,td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#f5f7fb;z-index:1;font-weight:600;color:#2d3b4f}td.num,th.num{text-align:right}tr:hover td{background:#f8fafc}.link{color:var(--accent);font-weight:600}.link-title{font-weight:600}.stack{display:flex;flex-direction:column;gap:4px}.muted{color:var(--muted);font-size:12px}.danger{color:var(--danger)}.empty{padding:24px;text-align:center;color:var(--muted)}.card{padding:16px;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px}.card-title{font-weight:600}.chip{padding:6px 10px;border-radius:999px;background:#f3f6fb;border:1px solid var(--stroke);font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:360px;background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.login-title{font-size:22px;font-weight:700}.login-sub{color:var(--muted);margin-bottom:8px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.tabs{display:inline-flex;gap:8px;background:#fff;border:1px solid var(--stroke);padding:6px;border-radius:var(--radius)}.tab{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text)}.tab.active{background:#eef4ff;border-color:#dbe7ff;color:#1b4fd6;font-weight:600}.breadcrumb{font-size:12px;color:var(--muted)}.page-grid{display:grid;grid-template-columns:1fr 260px;gap:var(--space-5);align-items:start}.action-panel{position:sticky;top:24px;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--stroke);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.action-panel button{width:100%}.action-panel h4{margin:0;font-size:13px;color:var(--muted);font-weight:600}.action-panel .hint{font-size:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.field .required:after{content:" *";color:var(--danger)}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.section-divider{height:1px;background:var(--stroke);margin:6px 0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--stroke);background:#f7f9fc}.status-badge.success{color:var(--success);border-color:#cfe9dd;background:#eef7f2}.status-badge.warning{color:#8a5b11;border-color:#f7ddaa;background:#fff6e6}.status-badge.critical{color:var(--danger);border-color:#f2c6c6;background:#fff1f1}.error{color:var(--danger);font-size:12px}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;justify-content:space-between;align-items:center}.nav{flex-direction:row}.page-grid{grid-template-columns:1fr}}@media (max-width: 640px){.main{padding:16px}.page-header{flex-direction:column;align-items:flex-start}}