:root { --ink:#1d2630; --muted:#627080; --line:#d8dee6; --paper:#fff; --soft:#f4f6f8; --teal:#0f766e; --blue:#2563eb; --amber:#b7791f; --rose:#be3455; --shadow:0 24px 60px rgba(29,38,48,.12); }
*{box-sizing:border-box} body{margin:0;min-height:100vh;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 48%,#fdf8ef 100%)} button,input,select{font:inherit} button{border:0;cursor:pointer}.app-shell{min-height:100vh}
.login-view{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);gap:40px;width:min(1120px,calc(100% - 40px));min-height:100vh;margin:0 auto;align-items:center;padding:48px 0}.brand-panel{position:relative;min-height:540px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:56px;color:#fff;text-align:center;background:linear-gradient(rgba(12,23,34,.68),rgba(12,23,34,.68)),url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1400&q=80") center/cover;border-radius:8px;box-shadow:var(--shadow)}
.brand-mark{width:max-content;padding:40px 56px;color:#fff;font-size:56px;font-weight:900;letter-spacing:0;background:var(--teal);border-radius:8px}.brand-mark.small{margin-bottom:28px;padding:10px 14px;font-size:18px;border-radius:6px}.brand-panel h1{max-width:680px;margin:0;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:0}.brand-panel p{max-width:520px;margin:0;color:rgba(255,255,255,.86);font-size:18px;line-height:1.7}.domain-badge{width:fit-content;padding:10px 14px;color:#0f172a;background:rgba(255,255,255,.9);border-radius:6px;font-weight:700}
.login-card{display:grid;gap:18px;padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 6px;color:var(--teal);font-size:13px;font-weight:800}h2,h3{margin:0;letter-spacing:0}.login-card h2{font-size:28px}label{display:grid;gap:8px;color:#334155;font-weight:700}input,select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(15,118,110,.18);border-color:var(--teal)}.login-card button,.user-chip button{min-height:44px;padding:0 18px;color:#fff;background:var(--teal);border-radius:6px;font-weight:800}.form-message{min-height:20px;margin:0;color:var(--rose);font-size:14px;font-weight:700}
.dashboard-view{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--soft)}.is-hidden{display:none}.sidebar{padding:28px;color:#fff;background:#18202a}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;min-height:44px;padding:0 12px;color:rgba(255,255,255,.82);background:transparent;border-radius:6px;text-align:left}.nav-item.is-active,.nav-item:hover{color:#fff;background:rgba(255,255,255,.1)}.workspace{padding:30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.topbar h2{font-size:30px}.user-chip{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px}.user-chip span{padding:0 8px;font-weight:800}
.summary-grid,.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric,.category-card{min-height:132px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.metric{display:grid;align-content:space-between}.metric strong{font-size:30px}.metric span,.category-card p{color:var(--muted);line-height:1.6}.content-band{margin-top:24px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:8px}.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.category-card{border-top:5px solid var(--blue)}.category-card[data-tone="teal"]{border-top-color:var(--teal)}.category-card[data-tone="amber"]{border-top-color:var(--amber)}.category-card[data-tone="rose"]{border-top-color:var(--rose)}.category-card h4{margin:0 0 10px;font-size:18px}.category-card p{margin:0}
@media (max-width:900px){.login-view,.dashboard-view{grid-template-columns:1fr}.brand-panel{position:relative;min-height:420px;padding:36px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.login-view{width:min(100% - 24px,1120px);padding:18px 0}.brand-panel{position:relative;min-height:360px;padding:26px}.login-card,.workspace,.content-band{padding:18px}.topbar,.user-chip{align-items:stretch;flex-direction:column}.summary-grid,.category-grid,.sidebar nav{grid-template-columns:1fr}}

.mcp-link{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:44px;padding:0 20px;color:#fff;background:#2563eb;border-radius:8px;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(37,99,235,.34)}.mcp-link:hover{background:#1d4ed8}
@media (max-width:560px){.mcp-link{left:18px;bottom:18px;min-width:76px;height:40px}}