:root{--bg: #0f172a;--bg-2: #1e293b;--panel: #ffffff;--line: #e2e8f0;--text: #1e293b;--muted: #64748b;--primary: #2563eb;--primary-d: #1d4ed8;--danger: #dc2626;--ok: #16a34a;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:#f1f5f9}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:12px}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:.15s}.btn:hover{background:#f8fafc}.btn.small{padding:5px 10px;font-size:13px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-d)}.btn.danger{color:var(--danger);border-color:#fecaca}.btn.danger:hover{background:#fef2f2}.btn.ghost{background:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg),var(--bg-2))}.login-card{background:#fff;padding:32px;border-radius:14px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #0000004d}.brand{font-size:22px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.brand span{color:var(--text);font-weight:600}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}input,select{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--text);background:#fff}input:focus,select:focus{outline:2px solid #bfdbfe;border-color:var(--primary)}.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.check input{width:auto}.alert{padding:9px 12px;border-radius:8px;font-size:13px}.alert.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert.info{background:#eff6ff;color:var(--primary-d);border:1px solid #bfdbfe;margin:12px 0}.alert.info ul{margin:6px 0 0;padding-left:18px}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--bg);color:#cbd5e1;display:flex;flex-direction:column;padding:18px 14px;gap:6px}.sidebar .brand{padding:4px 8px 14px}.sidebar .brand span{color:#e2e8f0}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:block;padding:9px 12px;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:14px}.nav-item:hover{background:#1e293b;color:#fff}.nav-item.active{background:var(--primary);color:#fff}.nav-item.disabled{color:#475569;cursor:default}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:2px}.sidebar-footer .muted{padding:8px 12px 4px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.main{flex:1;display:flex;flex-direction:column}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.user-box{display:flex;align-items:center;gap:14px}.content{padding:28px}h1{font-size:22px;margin:0 0 6px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card-value{font-size:28px;font-weight:700}.card-label{color:var(--muted);font-size:13px;margin-top:4px}.card-hint{color:#94a3b8;font-size:11px;margin-top:6px}.muted-card{background:#f8fafc}.muted-card .card-value{color:#cbd5e1}.toolbar{margin-bottom:14px}.toolbar.filters{display:flex;gap:10px;flex-wrap:wrap}.toolbar.filters select,.toolbar.filters input{min-width:160px}.search{width:320px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.row-actions{display:flex;gap:6px;justify-content:flex-end}.tag{background:#eff6ff;color:var(--primary-d);padding:2px 8px;border-radius:6px;font-size:12px}.badge{padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.badge.ok{background:#dcfce7;color:var(--ok)}.badge.off{background:#f1f5f9;color:var(--muted)}.badge.warn{background:#fef3c7;color:#b45309}.badge.danger{background:#fee2e2;color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:14px;padding:24px;width:420px;display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow-y:auto}.modal h2{margin:0;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.modal-wide{width:min(860px,92vw)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>div>div{font-size:14px}.xml-view{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:8px;font-size:12px;line-height:1.5;max-height:50vh;overflow:auto;white-space:pre-wrap;word-break:break-word}.center.muted{padding:40px}.upload-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.section-title{font-size:15px;margin:22px 0 10px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-selected{background:#eff6ff!important}.detail-grid>div>div{font-weight:600}.tol-input{width:110px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}