:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e6edf3;background:radial-gradient(circle at top right,#112d4e,#0a0f1c 45%,#0a0f1c)}*{box-sizing:border-box}body{margin:0;background:#0a0f1c;color:#e6edf3}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:18px;padding:16px}.top-nav-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.glass{background:linear-gradient(180deg,#121826d9,#0a0f1cd9);border:1px solid rgba(58,134,255,.22);box-shadow:0 0 0 1px #00d4ff0f,0 0 24px #00d4ff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav{border-radius:16px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:12px;z-index:10}.brand-kicker{color:#9aa4b2;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin:0 0 8px}.brand-title{margin:0;font-size:34px;font-weight:700;background:linear-gradient(90deg,#3a86ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-copy{color:#9aa4b2}.menu-list{margin-top:24px}.top-menu-list{margin-top:0;display:flex;align-items:center;gap:8px}.menu{display:block;width:100%;color:#9aa4b2;padding:11px 12px;border-radius:10px;text-decoration:none;margin-bottom:8px;background:#112d4e33;border:1px solid transparent}.top-menu-list .menu{width:auto;margin-bottom:0}.menu.active,.menu:hover{color:#e6edf3;border-color:#00d4ff59;box-shadow:0 0 16px #3a86ff40}.content{padding:8px}.section-header h2{margin-bottom:4px}.section-header p{color:#9aa4b2;margin-top:0}.card{border-radius:14px;padding:16px;margin-bottom:16px;background:#121826db;border:1px solid rgba(154,164,178,.2)}.glow-card{border-color:#3a86ff6b;box-shadow:0 0 22px #3a86ff33}.kpi-cards{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.kpi-label{color:#9aa4b2;margin:0;font-size:12px;text-transform:uppercase}.kpi-value{margin:8px 0 0;font-size:24px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.graph-card h3{margin-top:0}.graph-placeholder{height:140px;border-radius:10px;border:1px dashed rgba(0,212,255,.35);background:linear-gradient(180deg,#3a86ff1f,#00d4ff0f);display:flex;align-items:center;justify-content:center;color:#9aa4b2}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid rgba(154,164,178,.18)}.table th{color:#9aa4b2;font-weight:600}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,560px);justify-content:center;padding:24px}.login-form{border-radius:16px;padding:32px}.login-form h2{margin-top:0}.login-form-divider{height:1px;background:linear-gradient(90deg,#3a86ffbf,#00d4ff26);margin:14px 0 18px}.form-grid{display:grid;gap:10px}.form-grid input{padding:11px;border-radius:10px;border:1px solid rgba(154,164,178,.32);background:#0a0f1cbf;color:#e6edf3}.form-grid input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sso-column{display:grid;gap:10px;margin-top:14px}button{padding:10px 12px;border-radius:10px;border:1px solid rgba(154,164,178,.35);background:#112d4e73;color:#e6edf3;cursor:pointer}button:hover{border-color:#00d4ff8c}.sso-btn{width:100%;padding:14px 16px;font-weight:700;font-size:15px}.sso-btn.google{background:#1f2937}.sso-btn.microsoft{background:#111827}.sso-btn.kakao{background:#fbbf24;color:#1f2937}.sso-btn.line{background:#22c55e;color:#052e16}.cta{border:0;font-weight:700;background:linear-gradient(90deg,#3a86ff,#00d4ff);color:#081223;box-shadow:0 0 18px #3a86ff73}.inline-row{display:grid;grid-template-columns:1fr auto;gap:10px}.auth-links{display:flex;gap:16px;margin-top:12px}.auth-links a{color:#9aa4b2;text-decoration:none}.auth-links a:hover{color:#e6edf3}.logout-btn{text-align:left;border-color:#9aa4b233}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(440px,100%);border-radius:14px;padding:20px;background:#0a0f1cf5;border:1px solid rgba(58,134,255,.38)}@media (max-width: 1080px){.app-shell,.login-shell,.kpi-cards,.chart-grid{grid-template-columns:1fr}.top-nav{flex-direction:column;align-items:flex-start;gap:10px}}