*{box-sizing:border-box}html,body{color:#182230;background:#f5f7fa;min-height:100%;margin:0}body{font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.login-page{background:radial-gradient(circle at 50% 25%,#fff 0,#f7f9fc 34%,#edf2f8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;background:#fffffff0;border:1px solid #e6ebf2;border-radius:18px;width:min(100%,410px);padding:44px 42px 34px;box-shadow:0 18px 60px #223c631c}.brand-mark{color:#fff;background:linear-gradient(145deg,#1677ff,#0958d9);border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 18px;font-size:23px;font-weight:800;display:grid;box-shadow:0 8px 20px #1677ff42}.login-card h2{letter-spacing:-.5px;margin:0 0 7px}.login-form{text-align:left;margin-top:34px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-input-affix-wrapper{height:48px}.login-help{margin-top:24px;font-size:12px;display:block}.admin-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #e9edf3;flex-direction:column;width:248px;padding:0 14px 18px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:82px}.side-brand{align-items:center;gap:12px;height:74px;padding:0 10px;font-size:19px;display:flex}.brand-mark.small{border-radius:10px;width:36px;min-width:36px;height:36px;margin:0;font-size:17px}.sidebar .ant-menu{flex:1;padding-top:8px;border:0!important}.sidebar .ant-menu-item{margin-block:5px;font-weight:600}.user-summary{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f4;border-radius:8px;align-items:center;gap:11px;width:100%;padding:12px 10px;display:flex}.user-summary:hover{background:#f3f7fd}.user-summary span{flex-direction:column;min-width:0;display:flex}.user-summary small{color:#8692a3;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.main-panel{width:calc(100% - 248px);min-height:100vh;margin-left:248px;transition:all .2s}.sidebar.collapsed+.main-panel{width:calc(100% - 82px);margin-left:82px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;height:64px;padding:0 26px 0 16px;display:flex;position:sticky;top:0}.top-actions{align-items:center;gap:13px;display:flex}.search{background:#f5f7fa;border-color:#0000;width:220px}.top-avatar{cursor:pointer;color:#0958d9;background:#d6e7ff}.mobile-title{font-weight:700;display:none}.content{max-width:1540px;margin:auto;padding:30px 32px 50px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.page-heading h2{letter-spacing:-.6px;margin:0 0 4px}.heading-date{color:#7c899a;font-size:13px}.heading-date .anticon{color:#52c41a;margin-right:6px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}.ant-card{border-color:#e7ebf1;border-radius:12px!important}.stats-grid .ant-card{box-shadow:0 2px 9px #1b2e4b0a}.ant-statistic-content{letter-spacing:-1px;font-weight:700;font-size:28px!important}.up{color:#389e0d;font-size:12px}.warn{color:#d48806;font-size:12px}.content-grid{grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px;display:grid}.chart{background:repeating-linear-gradient(#fff 0 54px,#eef1f5 55px);border-bottom:1px solid #e9edf3;justify-content:space-around;align-items:end;gap:12px;height:225px;padding:25px 12px 0;display:flex}.bar-wrap{color:#8b96a6;flex-direction:column;flex:1;justify-content:end;align-items:center;gap:9px;height:100%;font-size:12px;display:flex}.bar{background:linear-gradient(#5b9cff,#1677ff);border-radius:5px 5px 0 0;width:min(34px,70%);min-height:12px;transition:height .3s}.plan-donut{justify-content:space-around;align-items:center;gap:24px;min-height:225px;display:flex}.donut{background:radial-gradient(circle,#fff 54%,transparent 55%),conic-gradient(#1677ff 0 42%,#722ed1 42% 70%,#d9e0e8 70%);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:146px;height:146px;display:flex}.donut b{font-size:21px}.donut span{color:#8b96a6;font-size:12px}.legend{gap:15px;min-width:130px;display:grid}.legend span{grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.legend i{border-radius:50%;width:8px;height:8px}.legend .blue{background:#1677ff}.legend .purple{background:#722ed1}.legend .gray{background:#d9e0e8}.members-card small{color:#8b96a6;font-size:12px;display:block}.status{align-items:center;gap:6px;display:inline-flex}.status i{background:#52c41a;border-radius:50%;width:7px;height:7px}.status-대기 i{background:#faad14}.status-비활성 i{background:#bfbfbf}.profile-card{max-width:950px}.profile-hero{border-bottom:1px solid #edf0f4;align-items:center;gap:22px;padding:10px 6px 30px;display:flex}.profile-hero h3{margin:0 0 4px}.profile-hero .ant-tag{margin-top:12px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:28px 60px;padding:34px 6px 12px;display:grid}.detail-grid div{flex-direction:column;gap:7px;display:flex}.detail-grid span{color:#8b96a6;font-size:13px}.api-test-page{background:#f4f7fb;min-height:100vh;padding:34px clamp(18px,4vw,58px) 60px}.api-test-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1500px;margin:0 auto 24px;display:flex}.api-test-header>div>.ant-btn{color:#657286;margin:0 0 18px -15px}.api-test-title{align-items:center;gap:16px;display:flex}.api-test-title h2{letter-spacing:-.7px;margin:0 0 3px}.api-test-icon{color:#fff;background:linear-gradient(145deg,#1677ff,#0958d9);border-radius:15px;flex:none;place-items:center;width:52px;height:52px;font-size:24px;display:grid;box-shadow:0 10px 24px #1677ff40}.api-target-panel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;max-width:1500px;margin:0 auto 16px;padding:16px 18px;display:flex}.api-target-panel>div{align-items:center;gap:16px;display:flex}.api-target-panel>.ant-input-affix-wrapper{max-width:620px}.api-test-page>.ant-alert{max-width:1500px;margin:0 auto 18px}.api-test-form{max-width:1500px;margin:0 auto}.api-test-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);align-items:start;gap:20px;display:grid}.api-values-card{margin-bottom:16px}.api-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;display:grid}.api-fields-grid .ant-form-item{margin-bottom:14px}.api-fields-grid .ant-input-number{width:100%}.api-test-list{gap:10px;display:grid}.api-test-card{cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.api-test-card:hover,.api-test-card.selected{border-color:#91caff;box-shadow:0 8px 24px #22416914}.api-test-card:hover{transform:translateY(-1px)}.api-test-card .ant-card-body{padding:17px 18px}.api-test-card-content{align-items:center;gap:16px;display:flex}.api-test-order{color:#a2adbb;letter-spacing:.6px;flex:none;width:31px;font-size:12px;font-weight:700}.api-test-info{flex:1;gap:7px;min-width:0;display:grid}.api-test-info .ant-typography code{overflow-wrap:anywhere;width:fit-content;max-width:100%}.api-test-info p{margin:0;font-size:13px}.api-result-panel{position:sticky;top:20px}.api-result-panel .ant-card-body{padding-top:18px}.api-result-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.api-result-meta span{flex-direction:column;gap:4px;min-width:0;display:flex}.api-result-meta b{overflow-wrap:anywhere;font-size:13px}.result-ok{color:#389e0d}.result-error{color:#cf1322}.api-json-output{color:#d1e9ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#101828;border-radius:10px;min-height:310px;max-height:620px;margin:0;padding:18px;font:12px/1.65 SFMono-Regular,Consolas,monospace;overflow:auto}.api-result-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.api-result-empty>.anticon{color:#b8c3d1;font-size:42px}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (width<=1100px){.api-test-layout{grid-template-columns:1fr}.api-result-panel{position:static}.api-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sidebar{width:82px}.sidebar+.main-panel,.sidebar.collapsed+.main-panel{width:calc(100% - 82px);margin-left:82px}.side-brand b,.user-summary span,.search{display:none}.mobile-title{display:block}.topbar{padding-right:16px}.content{padding:22px 16px 36px}.page-heading{align-items:flex-start;gap:12px}.heading-date{display:none}.stats-grid,.detail-grid{grid-template-columns:1fr}.plan-donut{flex-direction:column}.login-card{padding:36px 24px 28px}.api-test-page{padding:22px 14px 40px}.api-test-header{align-items:flex-start}.api-test-header>.ant-tag{display:none}.api-target-panel{flex-direction:column;align-items:stretch}.api-target-panel>div{flex-direction:column;align-items:flex-start}.api-fields-grid{grid-template-columns:1fr}.api-test-card-content{flex-wrap:wrap;align-items:flex-start}.api-test-info{width:calc(100% - 50px)}.api-test-card-content>.ant-btn{width:100%}.api-result-meta{grid-template-columns:1fr}}