:root{--bg:#f6f7f9;--surface:#fff;--surface-soft:#eef2f5;--line:#d9dee5;--text:#17202a;--muted:#64707d;--primary:#1f6f68;--primary-dark:#14544f;--accent:#b7791f;--danger:#b42318;--success:#17803d;--radius:8px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-page{grid-template-columns:minmax(320px,460px) 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:24px;padding:48px;display:flex}.auth-side{background-color:#0000;background-image:linear-gradient(90deg,#f6f7f9f5,#f6f7f9d1),url(https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;padding:64px;display:flex}.brand{font-size:22px;font-weight:750}.muted{color:var(--muted)}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:11px 12px}.textarea{resize:vertical;min-height:88px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1f6f681f}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 13px;font-weight:650;display:inline-flex}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:var(--surface);border-color:var(--line)}.button.danger{background:var(--danger);color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7fafc;background:#17202a;flex-direction:column;gap:22px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.nav{gap:5px;display:grid}.nav a,.nav button{color:#dbe3ea;border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.nav a:hover,.nav button:hover,.nav .active{color:#fff;background:#ffffff1a}.main{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.content{gap:22px;padding:28px;display:grid}.section-title{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-title h1{margin:0;font-size:26px}.section-title p{color:var(--muted);margin:5px 0 0}.grid{gap:16px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.metric{gap:8px;display:grid}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:28px;font-weight:750}.toolbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto;align-items:center;gap:10px;padding:12px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:auto}.table{border-collapse:collapse;width:100%;min-width:980px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px;font-size:14px}.table th{background:var(--surface-soft);color:#334155;text-transform:uppercase;font-size:12px}.badge{background:var(--surface-soft);color:#334155;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.badge.ok{color:var(--success);background:#17803d1f}.badge.warn{color:var(--accent);background:#b7791f24}.badge.danger{color:var(--danger);background:#b423181a}.split{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;display:grid}.mapping-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}.notice{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fbfcfd;padding:12px}.error{color:var(--danger)}.success{color:var(--success)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:980px){.auth-page,.app,.split{grid-template-columns:1fr}.auth-side{display:none}.sidebar{height:auto;position:static}.toolbar,.grid.cols-4,.grid.cols-3{grid-template-columns:1fr}}