:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce9f7;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 14% 12%,rgba(45,111,137,.17),transparent 30rem),#07111f}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.auth-screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-intro{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(32px,5vw,72px);background:linear-gradient(145deg,#081828e0,#05101dfa),radial-gradient(circle at 70% 35%,rgba(101,214,173,.22),transparent 22rem);border-right:1px solid #1b2d42}.auth-intro h1{max-width:720px;margin:16px 0 22px;font-size:clamp(36px,5.4vw,74px);line-height:1.08;letter-spacing:-.055em}.auth-description{max-width:550px;margin:0;color:#91a7bd;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.security-note{margin:0;color:#617a93;font-size:13px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:40px;height:40px;display:grid;flex:0 0 auto;place-items:center;color:#07111f;background:#65d6ad;border-radius:12px;font-weight:900;box-shadow:0 8px 32px #65d6ad2e}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.02em}.brand small{margin-top:2px;color:#70869d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.brand-large .brand-mark{width:48px;height:48px;border-radius:14px}.brand-large strong{font-size:20px}.auth-panel,.centered-page{min-width:0;display:grid;place-items:center;padding:28px}.centered-page{min-height:100vh;min-height:100dvh}.login-card{width:min(100%,420px);display:grid;gap:24px;padding:clamp(28px,4vw,44px);background:#0d1c2ed1;border:1px solid #20354c;border-radius:24px;box-shadow:0 28px 90px #00000047;backdrop-filter:blur(20px)}.compact-card{max-width:460px}.login-card h2{margin:5px 0 8px;font-size:32px;letter-spacing:-.04em}.login-card p{margin:0;color:#8097ae;line-height:1.55}.eyebrow{margin:0;color:#65d6ad!important;font-size:11px;font-weight:800;letter-spacing:.16em}.login-card label{display:grid;gap:9px;color:#b7cadc;font-size:13px;font-weight:700}.login-card input{width:100%;min-height:48px;padding:0 14px;color:#e8f2fc;background:#081522;border:1px solid #28415a;border-radius:11px;outline:none}.login-card input:focus{border-color:#65d6ad;box-shadow:0 0 0 3px #65d6ad1f}.primary-button,.ghost-button{min-height:44px;border:0;border-radius:11px;cursor:pointer;font-weight:800}.primary-button{color:#07111f;background:#65d6ad}.primary-button:disabled{cursor:wait;opacity:.65}.ghost-button{padding:0 14px;color:#9bb1c6;background:#102034;border:1px solid #263c52}.form-error{padding:11px 13px;color:#ffb4b4!important;background:#942b3833;border:1px solid rgba(239,96,110,.35);border-radius:10px;font-size:13px}.form-footnote{text-align:center;font-size:12px}.screen-message{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;color:#8fa6bd;background:#07111f}.app-shell{min-height:100vh;min-height:100dvh}.app-header{min-width:0;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:22px;min-height:76px;padding:12px clamp(18px,3vw,42px);background:#07111feb;border-bottom:1px solid #1c2c40;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.app-nav{display:flex;align-items:center;gap:7px;padding:5px;background:#0d1b2b;border:1px solid #1e3248;border-radius:12px}.app-nav a{padding:8px 13px;color:#8299b0;border-radius:8px;font-size:13px;font-weight:750;white-space:nowrap}.app-nav a.active{color:#dff9ee;background:#173a3b}.account-area{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:12px}.account-badge{min-width:0;text-align:right}.account-badge strong,.account-badge small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-badge strong{font-size:13px}.account-badge small{margin-top:3px;color:#6f879e;font-size:10px}.app-main{width:min(100%,1600px);min-width:0;margin:0 auto;padding:clamp(24px,4vw,54px) clamp(14px,3vw,42px) 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{margin:7px 0;font-size:clamp(28px,4vw,46px);letter-spacing:-.045em}.page-heading p:not(.eyebrow){margin:0;color:#7f96ad}.access-pill,.scroll-hint{flex:0 0 auto;padding:8px 11px;color:#aeeed5;background:#26604f47;border:1px solid rgba(101,214,173,.28);border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-strip article{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#0c1929;border:1px solid #1d3046;border-radius:14px}.metric-strip span{color:#7990a7;font-size:12px}.metric-strip strong{color:#b8cadb;font-size:20px}.grid-card{min-width:0;overflow:hidden;background:#0b1727;border:1px solid #203349;border-radius:17px;box-shadow:0 20px 65px #00000029}.grid-toolbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #203349}.grid-toolbar strong,.grid-toolbar span{display:block}.grid-toolbar strong{font-size:13px}.grid-toolbar div>span{margin-top:4px;color:#7189a0;font-size:11px}.grid-viewport{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.grid-min-width{width:100%;min-width:760px;height:min(58vh,620px);min-height:360px}.empty-grid{color:#6f879e}.access-list{display:grid;gap:12px}.user-card,.empty-card{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;background:#0c1929;border:1px solid #1e3248;border-radius:15px}.user-card strong,.user-card span{display:block}.user-card div>span{margin-top:5px;color:#7189a0;font-size:11px}.scope-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.scope-chips span{padding:6px 9px;color:#a7bfd6!important;background:#10243a;border-radius:999px;font-size:11px!important}@media(max-width:767px){.auth-screen{display:block}.auth-intro{min-height:250px;padding:26px 20px 30px;border-right:0;border-bottom:1px solid #1b2d42}.auth-intro h1{margin:35px 0 14px;font-size:clamp(33px,10vw,48px)}.auth-description{font-size:15px}.security-note{display:none}.auth-panel,.centered-page{padding:18px 14px 28px}.login-card{padding:26px 20px;border-radius:18px}.app-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:66px;padding:9px 12px}.app-header .brand small,.account-badge,.ghost-button{display:none}.app-header .brand-mark{width:34px;height:34px;border-radius:10px}.app-nav{grid-column:1 / -1;grid-row:2;width:100%;overflow-x:auto}.app-nav a{flex:1 0 auto;text-align:center}.app-main{padding:24px 12px 38px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading h1{font-size:32px}.page-heading p:not(.eyebrow){font-size:13px;line-height:1.55}.metric-strip{grid-template-columns:repeat(3,minmax(104px,1fr));overflow-x:auto;padding-bottom:4px}.metric-strip article{align-items:flex-start;flex-direction:column;padding:13px}.grid-toolbar{align-items:flex-start;flex-direction:column}.grid-min-width{min-width:680px;height:54vh;min-height:340px}.user-card{align-items:flex-start;flex-direction:column}.scope-chips{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}