:root{color:#edf4ff;background:#08101f;font-family:Inter,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 78% -10%,rgba(53,93,180,.22),transparent 32rem),radial-gradient(circle at -5% 85%,rgba(36,153,140,.1),transparent 32rem),#08101f}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #65b8ff;outline-offset:3px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:28px;position:relative}.auth-orbit{border:1px solid rgba(111,170,255,.14);border-radius:999px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.auth-orbit-one{height:49rem;width:49rem}.auth-orbit-two{height:32rem;transform:translate(-45%,-54%) rotate(26deg);width:61rem}.auth-card{backdrop-filter:blur(18px);background:linear-gradient(145deg,#121f3af5,#091120e8);border:1px solid rgba(145,183,255,.22);border-radius:24px;box-shadow:0 30px 100px #00000061;max-width:490px;padding:42px;position:relative;width:100%}.auth-title-row,.sidebar-brand,.operator-card,.topbar,.topbar-actions,.snapshot-strip,.panel-header,.table-toolbar,.status-title-row,.pagination{align-items:center;display:flex}.auth-title-row{justify-content:space-between}.brand-emblem{align-items:center;background:linear-gradient(135deg,#97d8ff,#6684ff 62%,#b379ff);border-radius:12px;box-shadow:0 10px 26px #4677ff47;color:#071125;display:inline-flex;font-size:.74rem;font-weight:900;height:40px;justify-content:center;letter-spacing:.08em;width:40px}.secure-mark,.environment-badge,.status-badge,.tag{border-radius:999px;font-size:.69rem;font-weight:800;letter-spacing:.04em;padding:5px 9px}.secure-mark{background:#58dbb321;color:#8ee8c9}.eyebrow,.panel-kicker{color:#83a8d8;font-size:.68rem;font-weight:800;letter-spacing:.13em;margin:0}.auth-card .eyebrow{margin-top:32px}.auth-card h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.055em;line-height:1.12;margin:11px 0 17px}.auth-description{color:#b3c2dc;font-size:.96rem;line-height:1.7;margin:0;max-width:390px}.google-button{align-items:center;background:#f5f8fe;border:0;border-radius:12px;color:#16213b;display:flex;font-weight:750;gap:12px;justify-content:center;margin-top:30px;min-height:52px;transition:transform .18s ease,box-shadow .18s ease;width:100%}.google-button:hover:not(:disabled){box-shadow:0 12px 24px #00000038;transform:translateY(-1px)}.google-mark{color:#346fea;font-size:1.15rem;font-weight:900}.auth-error{color:#ffb3b4;font-size:.88rem;line-height:1.5;margin:14px 0 0}.auth-footnote{border-top:1px solid rgba(147,178,224,.16);color:#8294b1;display:grid;font-size:.75rem;gap:7px;line-height:1.45;margin-top:30px;padding-top:20px}.loading-card{text-align:center}.loading-card .brand-emblem{margin:0 auto 28px}.loading-card h1{font-size:1.45rem;letter-spacing:-.04em;margin:12px 0 28px}.loading-line{background:#7ca2e021;border-radius:999px;height:4px;overflow:hidden}.loading-line span{animation:load-slide 1.2s ease-in-out infinite;background:linear-gradient(90deg,#65b8ff,#a66cff);border-radius:inherit;display:block;height:100%;width:38%}@keyframes load-slide{0%{transform:translate(-120%)}to{transform:translate(310%)}}.error-card p:not(.eyebrow){color:#bdc9dc;line-height:1.65}.muted-copy{color:#778aa9!important;font-size:.82rem;margin-top:24px}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#070f1dc2;border-right:1px solid rgba(147,178,224,.13);display:flex;flex-direction:column;min-height:100vh;padding:24px 14px 17px;position:sticky;top:0}.sidebar-brand{gap:11px;padding:0 8px 25px}.sidebar-brand strong{display:block;font-size:.92rem;letter-spacing:-.025em}.sidebar-brand span{color:#7284a2;display:block;font-size:.61rem;font-weight:750;letter-spacing:.08em;margin-top:3px}.environment-switcher{background:#6982ad1a;border:1px solid rgba(144,170,213,.11);border-radius:13px;display:grid;gap:4px;padding:4px}.environment-option{background:transparent;border:1px solid transparent;border-radius:9px;color:#91a3c1;display:grid;grid-template-columns:auto 1fr;padding:9px 10px;text-align:left}.environment-option span{color:#c4d2e9;font-size:.79rem;font-weight:800}.environment-option small{align-self:center;font-size:.64rem;justify-self:end}.environment-option.selected.production{background:#f16f7d21;border-color:#f477863d}.environment-option.selected.production span{color:#ffb9bd}.environment-option.selected.development{background:#5da1ff21;border-color:#5da1ff40}.environment-option.selected.development span{color:#add1ff}.side-nav{display:grid;gap:3px;margin-top:25px}.side-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:#91a4c2;display:flex;font-size:.86rem;gap:13px;min-height:42px;padding:0 11px;text-align:left;transition:background .16s ease,color .16s ease}.side-nav button:hover{background:#749edd17;color:#e1eaff}.side-nav button.active{background:linear-gradient(90deg,#538eff30,#5477e512);border-color:#79a6ff29;color:#e9f2ff}.nav-mark{color:#6885b1;font-size:.62rem;font-variant-numeric:tabular-nums;font-weight:800;width:17px}.side-nav button.active .nav-mark{color:#89c8ff}.operator-card{border-top:1px solid rgba(147,178,224,.14);gap:9px;margin-top:auto;padding:18px 6px 0}.operator-avatar{align-items:center;background:linear-gradient(135deg,#5a8bff,#9164d8);border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:800;height:30px;justify-content:center;width:30px}.operator-copy{min-width:0}.operator-copy strong,.operator-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-copy strong{color:#dce7fa;font-size:.72rem;max-width:99px}.operator-copy span{color:#7185a4;font-size:.61rem;margin-top:2px;max-width:99px}.signout-button{background:transparent;border:0;color:#8fa1bd;font-size:.68rem;margin-left:auto;padding:4px}.signout-button:hover{color:#e9f2ff}.dashboard-main{min-width:0;padding:0 34px 56px}.topbar{border-bottom:1px solid rgba(147,178,224,.12);justify-content:space-between;min-height:116px}.topbar h1{font-size:1.7rem;letter-spacing:-.045em;margin:7px 0 0}.topbar-actions{gap:11px}.environment-badge.production{background:#f4728021;color:#ffb2b9}.environment-badge.development{background:#5da1ff24;color:#acd0ff}.refresh-caption{color:#7f93b1;font-size:.72rem}.refresh-button{background:#79a6ff1f;border:1px solid rgba(121,166,255,.23);border-radius:8px;color:#cfe4ff;font-size:.76rem;font-weight:750;padding:9px 12px}.refresh-button:hover:not(:disabled){background:#79a6ff33}.page-content{margin:35px auto 0;max-width:1460px}.inline-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:.78rem;gap:11px;line-height:1.5;margin-bottom:24px;padding:12px 15px}.inline-alert strong{flex:none;font-size:.76rem}.inline-alert.warning{background:#f0b24a1a;border:1px solid rgba(240,178,74,.2);color:#f5d59a}.inline-alert.finance{background:#a970f11a;border:1px solid rgba(169,112,241,.21);color:#d9c4ff}.inline-alert.info{background:#50a5fb18;border:1px solid rgba(80,165,251,.19);color:#c2e3ff}.snapshot-strip{background:#5395ff13;border:1px solid rgba(105,175,255,.15);border-radius:11px;color:#9fb2d0;font-size:.75rem;gap:15px;justify-content:space-between;margin-bottom:28px;padding:11px 14px}.snapshot-strip>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.snapshot-strip strong{color:#d2e7ff;font-size:.76rem}.live-dot{background:#61e6b4;border-radius:999px;box-shadow:0 0 0 4px #61e6b41f;height:7px;width:7px}.section-heading{margin:0 0 22px}.section-heading h2{font-size:clamp(1.45rem,2.8vw,2rem);letter-spacing:-.055em;line-height:1.15;margin:7px 0}.section-heading>p:last-child{color:#8fa2bf;font-size:.85rem;line-height:1.55;margin:0}.metric-grid{display:grid;gap:13px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:15px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:linear-gradient(145deg,#162542e0,#0c172be0);border:1px solid rgba(132,164,213,.14);border-radius:15px;min-height:143px;overflow:hidden;padding:18px;position:relative}.metric-card:after{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.08),transparent 35%);content:"";inset:0;pointer-events:none;position:absolute}.metric-accent{border-radius:0 0 3px 3px;height:3px;left:18px;position:absolute;top:0;width:37px}.metric-card.blue .metric-accent{background:#5aa8ff}.metric-card.mint .metric-accent{background:#55d6aa}.metric-card.violet .metric-accent{background:#ae81ff}.metric-card.amber .metric-accent{background:#f0bb61}.metric-card.rose .metric-accent{background:#f27d91}.metric-card p{color:#91a5c5;font-size:.73rem;margin:3px 0 12px}.metric-card strong{color:#f2f7ff;display:block;font-size:clamp(1.28rem,2vw,1.72rem);letter-spacing:-.045em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card small{bottom:17px;color:#6f83a4;font-size:.66rem;left:18px;position:absolute}.two-column-grid{display:grid;gap:15px;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);margin-top:15px}.ranking-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:linear-gradient(145deg,#12203acc,#0a1426d1);border:1px solid rgba(132,164,213,.13);border-radius:15px;min-width:0;padding:20px}.panel-header{gap:16px;justify-content:space-between;margin-bottom:18px}.panel-header h3,.table-toolbar h3,.status-title-row h3{font-size:1rem;letter-spacing:-.035em;margin:5px 0 0}.panel-header>span{color:#7488a7;font-size:.69rem;text-align:right}.panel-kicker{color:#6f92c4;font-size:.6rem}.panel-footnote{color:#7185a5;font-size:.68rem;line-height:1.5;margin:15px 0 0}.economy-summary{display:grid;gap:10px;margin:0}.economy-summary div{background:#7491be14;border:1px solid rgba(137,166,211,.1);border-radius:10px;padding:11px 12px}.economy-summary dt{color:#8497b5;font-size:.68rem}.economy-summary dd{color:#e9f3ff;font-size:1.21rem;font-weight:800;letter-spacing:-.04em;margin:5px 0 2px}.economy-summary span{color:#6d82a3;font-size:.65rem}.trend-chart{align-items:end;display:flex;gap:9px;height:213px;min-width:0;padding-top:10px}.trend-chart.compact{height:196px}.trend-item{align-items:center;display:flex;flex:1 1 0;flex-direction:column;height:100%;justify-content:end;min-width:0}.trend-value{color:#b9d2f1;font-size:.6rem;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-rail{background:#6c8bc214;border-radius:7px 7px 2px 2px;height:calc(100% - 45px);overflow:hidden;position:relative;width:100%}.trend-bar{background:linear-gradient(180deg,#8bbcff,#5575ed 70%,#4d54d2);border-radius:7px 7px 2px 2px;bottom:0;left:0;min-height:5px;position:absolute;transition:height .35s ease;width:100%}.trend-item:nth-child(3n+2) .trend-bar{background:linear-gradient(180deg,#9ad4ff,#5e7cf3 70%,#6050d7)}.trend-item:nth-child(3n) .trend-bar{background:linear-gradient(180deg,#a494ff,#7462e9 70%,#5745c9)}.trend-label{color:#7386a5;font-size:.57rem;margin-top:7px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.table-toolbar{gap:14px;justify-content:space-between;margin-bottom:16px}.search-form{align-items:center;display:flex;gap:8px}.search-form label{color:#8fa2c0;font-size:.73rem;font-weight:700}.search-form input,.table-select-label select{background:#050c1994;border:1px solid rgba(143,173,221,.2);border-radius:8px;color:#e2edfd;font-size:.76rem;min-height:34px;padding:0 10px}.search-form input{width:205px}.search-form input::placeholder{color:#647996}.search-form button,.pagination button{background:#5f91e721;border:1px solid rgba(112,165,255,.24);border-radius:8px;color:#cde3ff;font-size:.72rem;font-weight:750;min-height:34px;padding:0 11px}.table-total{color:#8094b4;font-size:.72rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;font-size:.75rem;min-width:620px;width:100%}th{border-bottom:1px solid rgba(136,166,211,.17);color:#7c91b1;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:0 10px 10px;text-align:left;white-space:nowrap}td{border-bottom:1px solid rgba(136,166,211,.095);color:#c2cfe3;padding:12px 10px;vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#7599dd0e}td strong{color:#e2edff;font-weight:750}td code{color:#bcd6fb;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem}.tag{display:inline-block;font-size:.62rem;padding:4px 7px}.tag.neutral{background:#99a8c121;color:#c3d0e5}.tag.blue{background:#5397f926;color:#b8dcff}.rank-number{color:#8ac8ff;font-size:.81rem;font-weight:850}.empty-state{align-items:center;background:#6989bb0f;border:1px dashed rgba(136,167,214,.2);border-radius:11px;color:#879ab8;display:flex;flex-direction:column;font-size:.76rem;gap:5px;justify-content:center;min-height:150px;padding:22px;text-align:center}.empty-state strong{color:#c0d1e9;font-size:.78rem}.error-state{border-color:#f4798759;color:#f4aab4}.pagination{gap:10px;justify-content:flex-end;margin-top:15px}.pagination span{color:#8599b8;font-size:.72rem;min-width:42px;text-align:center}.database-layout{display:grid;gap:15px;grid-template-columns:minmax(210px,.45fr) minmax(0,1.55fr)}.database-table-list{display:grid;gap:5px;max-height:530px;overflow:auto}.database-table-list button{background:transparent;border:1px solid transparent;border-radius:8px;color:#aabbd3;display:flex;font-size:.73rem;justify-content:space-between;padding:9px 10px;text-align:left}.database-table-list button:hover{background:#7599dd12}.database-table-list button.selected{background:#6191ef24;border-color:#77aaff2b;color:#e4efff}.database-table-list small{color:#7186a4;font-size:.62rem}.preview-toolbar{align-items:end}.preview-toolbar h3{font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem}.table-select-label select{max-width:250px}.table-loading{align-items:center;color:#9fb4d3;display:flex;font-size:.8rem;justify-content:center;min-height:160px}.health-grid{display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.status-title-row{justify-content:space-between}.status-badge.healthy{background:#52d5a421;color:#91edc6}.status-badge.unhealthy{background:#f56f7c21;color:#ffb7bd}.status-badge.unknown{background:#8ea3c824;color:#c1d0e7}.status-details{display:grid;gap:10px;margin:20px 0 0}.status-details div{border-bottom:1px solid rgba(132,164,213,.11);display:flex;justify-content:space-between;padding-bottom:9px}.status-details div:last-child{border-bottom:0;padding-bottom:0}.status-details dt{color:#7b8eae;font-size:.68rem}.status-details dd{color:#d1def1;font-size:.71rem;margin:0;text-align:right}.health-note-panel{margin-top:15px}.principle-list{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.principle-list div{align-items:flex-start;background:#6784b513;border-radius:10px;display:flex;gap:11px;padding:13px}.principle-list span{color:#78b7ff;font-size:.68rem;font-weight:850}.principle-list p{color:#8295b4;font-size:.69rem;line-height:1.55;margin:0}.principle-list strong{color:#d5e4f8;display:block;font-size:.74rem;margin-bottom:2px}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width: 1160px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.health-grid{grid-template-columns:1fr}}@media (max-width: 900px){.app-shell{display:block}.sidebar{border-bottom:1px solid rgba(147,178,224,.13);border-right:0;min-height:0;padding:14px 18px;position:static}.sidebar-brand{padding:0 0 13px}.environment-switcher{grid-template-columns:repeat(2,1fr)}.side-nav{display:flex;margin:15px -4px -2px;overflow-x:auto}.side-nav button{flex:none;font-size:.76rem;min-height:37px}.operator-card{display:none}.dashboard-main{padding:0 20px 38px}.topbar{min-height:92px}.two-column-grid,.ranking-layout,.database-layout{grid-template-columns:1fr}.database-table-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.principle-list{grid-template-columns:1fr}}@media (max-width: 620px){.auth-page{padding:16px}.auth-card{padding:31px 24px}.auth-orbit-one{height:33rem;width:33rem}.auth-orbit-two{height:23rem;width:43rem}.dashboard-main{padding:0 14px 28px}.topbar{align-items:flex-start;gap:13px;padding:18px 0}.topbar h1{font-size:1.43rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.refresh-caption{display:none}.page-content{margin-top:25px}.metric-grid,.metric-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:126px;padding:15px}.metric-card small{bottom:14px;left:15px}.snapshot-strip{align-items:flex-start;flex-direction:column}.inline-alert{flex-direction:column;gap:4px}.panel{padding:15px}.panel-header{align-items:flex-start;flex-direction:column;gap:6px}.panel-header>span{text-align:left}.table-toolbar{align-items:flex-start;flex-direction:column}.search-form{flex-wrap:wrap;width:100%}.search-form input{flex:1;min-width:130px;width:auto}.table-total{align-self:flex-end}.database-table-list{grid-template-columns:1fr}.table-select-label,.table-select-label select{width:100%}.trend-chart{gap:5px;height:185px}.trend-value{display:none}.trend-rail{height:calc(100% - 25px)}.trend-label{font-size:.52rem}}