
:root{
  --bg:#f5f4f1;--panel:#fff;--panel2:#faf8f6;--line:#e9e5e1;--line2:#ddd6d1;
  --ink:#201a1d;--muted:#776e69;--muted2:#a29a95;--wine:#7d3154;--wine2:#5d203d;
  --wine-soft:#f4e8ee;--green:#207e65;--green-soft:#e5f4ef;--amber:#9a671b;--amber-soft:#f8f0dd;
  --red:#ad3e52;--red-soft:#f9e7ea;--blue:#315f9e;--blue-soft:#e8eff9;
  --shadow:0 14px 40px rgba(48,35,41,.07);--radius:18px;--side:260px;
  font-family:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",sans-serif
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:inherit}body{min-width:320px}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
svg{display:block}.hidden{display:none!important}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100vh;background:#211a1e;color:#eee7eb;padding:18px 14px;z-index:40;overflow:auto}
.admin-brand{display:flex;align-items:center;gap:11px;padding:8px 10px 20px}
.admin-brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#963f68,#5d203d);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.admin-brand-mark svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:1.8}
.admin-brand strong{display:block;font-size:15px;letter-spacing:-.03em}.admin-brand small{display:block;margin-top:3px;color:#ab9da5;font-size:9px;letter-spacing:.11em}
.admin-menu-group{margin:10px 0 18px}.admin-menu-group>span{display:block;padding:0 11px 8px;color:#887b83;font-size:9px;font-weight:850;letter-spacing:.13em}
.admin-nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border-radius:12px;color:#bfb4ba;font-size:12px;font-weight:720;margin:2px 0;transition:.18s}
.admin-nav-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.65;flex:0 0 auto}
.admin-nav-link:hover{background:#30262b;color:#fff}.admin-nav-link.is-active{background:#fff;color:#3b2832;box-shadow:0 7px 22px rgba(0,0,0,.17)}
.admin-sidebar-foot{padding:15px 10px;color:#8e8288;font-size:9px;line-height:1.6}
.admin-main{min-width:0}
.admin-topbar{height:68px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 26px;position:sticky;top:0;z-index:30}
.admin-menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center}.admin-menu-btn svg{width:19px;height:19px;stroke:#4a4045;fill:none;stroke-width:1.8}
.admin-page-name{font-size:13px;font-weight:850;white-space:nowrap}.admin-top-search{margin-left:auto;position:relative;width:min(330px,34vw)}
.admin-top-search input{width:100%;height:38px;border:1px solid var(--line);border-radius:12px;background:#f8f7f5;padding:0 38px 0 13px;outline:none;font-size:11px}.admin-top-search input:focus{border-color:#b87a98;background:#fff}
.admin-top-search svg{position:absolute;right:12px;top:11px;width:16px;height:16px;stroke:#91868b;fill:none;stroke-width:1.8}
.admin-top-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;position:relative}.icon-btn svg{width:17px;height:17px;stroke:#5f5559;fill:none;stroke-width:1.8}.icon-btn .dot{position:absolute;right:7px;top:7px;width:6px;height:6px;background:var(--wine);border-radius:50%;border:2px solid #fff;box-sizing:content-box}
.admin-profile{display:flex;align-items:center;gap:9px;padding-left:5px}.admin-avatar{width:34px;height:34px;border-radius:11px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:11px;font-weight:900}.admin-profile strong{display:block;font-size:10px}.admin-profile span{display:block;color:var(--muted2);font-size:8.5px;margin-top:2px}
.admin-content{padding:26px;max-width:1680px;margin:0 auto}
.page-head{display:flex;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:22px}.page-head h1{margin:0;font-size:26px;letter-spacing:-.05em}.page-head p{margin:7px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{height:38px;border-radius:11px;border:1px solid var(--line2);background:#fff;color:#4f4549;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.btn:hover{border-color:#ba9dab}.btn-primary{background:var(--wine);border-color:var(--wine);color:#fff}.btn-dark{background:#2a2226;border-color:#2a2226;color:#fff}.btn:disabled{opacity:.48;cursor:not-allowed}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 5px 18px rgba(44,32,37,.03)}.kpi-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9.5px;font-weight:800}.kpi-icon{width:31px;height:31px;border-radius:10px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center}.kpi-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.kpi strong{display:block;font-size:24px;margin-top:12px;letter-spacing:-.04em}.kpi-foot{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted2);font-size:9px}.kpi-foot em{font-style:normal;color:var(--green);font-weight:800}
.grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px rgba(43,31,36,.035);overflow:hidden}.panel-head{min-height:56px;padding:14px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:12px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted2);font-size:9px}.panel-body{padding:17px}.panel-link{font-size:9px;color:var(--wine);font-weight:850}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.filter-input,.filter-select{height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;font-size:10px;color:#4e4448;outline:none}.filter-input{min-width:220px}.filter-input:focus,.filter-select:focus{border-color:#b9859d}.toolbar .spacer{margin-left:auto}
.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:850px}.admin-table th{text-align:left;font-size:8.5px;color:#8c817c;font-weight:850;padding:11px 12px;background:#faf9f7;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:13px 12px;border-bottom:1px solid #f0edeb;font-size:9.5px;color:#4b4246;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:#fcfbfa}.cell-main{font-weight:800;color:#2b2427}.cell-sub{display:block;margin-top:3px;color:#a09793;font-size:8px}.badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:850}.badge.gray{background:#f0eeec;color:#736b67}.badge.green{background:var(--green-soft);color:var(--green)}.badge.wine{background:var(--wine-soft);color:var(--wine)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--blue-soft);color:var(--blue)}
.empty-state{min-height:210px;display:grid;place-items:center;text-align:center;padding:30px}.empty-state svg{width:34px;height:34px;margin:0 auto 10px;stroke:#a69ca0;fill:none;stroke-width:1.5}.empty-state strong{display:block;font-size:12px}.empty-state p{margin:7px auto 0;max-width:380px;color:var(--muted2);font-size:9.5px;line-height:1.55}
.stat-list{display:grid;gap:10px}.stat-row{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #f0edeb}.stat-row:last-child{border-bottom:0}.stat-row .ico{width:34px;height:34px;border-radius:10px;background:#f5f1ef;display:grid;place-items:center;color:#6b5d64}.stat-row svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}.stat-row strong{display:block;font-size:10px}.stat-row span{font-size:8.5px;color:var(--muted2)}.stat-row b{font-size:11px}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.flow-step{border:1px solid var(--line);background:#faf9f7;border-radius:13px;padding:12px}.flow-step span{display:block;color:var(--muted2);font-size:8px}.flow-step strong{display:block;margin-top:6px;font-size:10px}.flow-step b{display:block;margin-top:10px;font-size:18px}
.alert-list{display:grid;gap:9px}.alert-item{border:1px solid var(--line);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.alert-item .signal{width:8px;height:8px;border-radius:50%;background:var(--wine)}.alert-item strong{display:block;font-size:9.5px}.alert-item span{display:block;margin-top:3px;font-size:8px;color:var(--muted2)}.alert-item time{font-size:8px;color:var(--muted2)}
.placeholder-chart{height:220px;border-radius:13px;background:linear-gradient(180deg,#fbf9fa,#fff);position:relative;overflow:hidden;border:1px solid #f0ecee}.placeholder-chart:before{content:"";position:absolute;inset:20px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#eee8eb 40px)}.placeholder-chart:after{content:"DATA API 연결 후 실시간 차트";position:absolute;inset:0;display:grid;place-items:center;color:#a4999e;font-size:9px;font-weight:800}
.note{padding:12px 14px;border-radius:13px;background:#f7f3f1;color:#716762;font-size:9px;line-height:1.6;border:1px solid #eee8e4}.note strong{color:#463b40}
.admin-footer{padding:10px 26px 28px;color:#9b918d;font-size:8px;text-align:right}
.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(20,15,17,.48);z-index:35}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{background:#272024;color:#fff;border-radius:12px;padding:11px 13px;font-size:9.5px;box-shadow:0 12px 30px rgba(0,0,0,.22);animation:toastin .2s ease}@keyframes toastin{from{transform:translateY(6px);opacity:0}}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:#f6f4f1}.login-visual{position:relative;padding:48px;background:radial-gradient(circle at 75% 15%,rgba(144,64,103,.27),transparent 35%),linear-gradient(145deg,#20191d,#38252f);color:#fff;overflow:hidden}.login-visual:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-140px;bottom:-180px}.login-logo{display:flex;align-items:center;gap:13px}.login-logo .admin-brand-mark{width:48px;height:48px}.login-logo strong{font-size:17px}.login-copy{position:absolute;left:48px;bottom:60px;max-width:540px}.login-copy small{font-size:9px;letter-spacing:.16em;color:#c7b6bf}.login-copy h1{font-size:43px;line-height:1.1;letter-spacing:-.055em;margin:14px 0}.login-copy p{max-width:440px;color:#cdbfc6;font-size:11px;line-height:1.8}.login-form-wrap{display:grid;place-items:center;padding:46px}.login-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:22px;letter-spacing:-.04em}.login-card>p{margin:8px 0 24px;color:var(--muted);font-size:10px;line-height:1.6}.login-field{display:grid;gap:7px;margin:14px 0}.login-field span{font-size:9px;font-weight:800}.login-field input{height:46px;border:1px solid var(--line2);border-radius:12px;padding:0 13px;outline:none}.login-field input:focus{border-color:#a66c88;box-shadow:0 0 0 3px rgba(125,49,84,.07)}.login-submit{width:100%;height:48px;margin-top:12px}.login-security{margin-top:16px;padding:11px;border-radius:11px;background:#f6f3f1;color:#817670;font-size:8.5px;line-height:1.6;text-align:center}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){:root{--side:240px}.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;transform:translateX(-103%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.22)}body.sidebar-open .admin-sidebar{transform:translateX(0)}body.sidebar-open .mobile-backdrop{display:block}.admin-menu-btn{display:grid}.admin-topbar{padding:0 17px}.admin-content{padding:20px}.admin-profile>div:last-child{display:none}.admin-top-search{width:min(300px,42vw)}.login-page{grid-template-columns:1fr}.login-visual{min-height:300px}.login-copy{position:relative;left:auto;bottom:auto;margin-top:90px}.login-form-wrap{padding:34px}}
@media(max-width:680px){.admin-top-search{display:none}.admin-page-name{font-size:11px}.admin-content{padding:15px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:22px}.kpi-grid,.grid-equal{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.filter-input{min-width:0;flex:1}.toolbar .spacer{display:none}.admin-topbar{height:60px}.login-visual{padding:28px}.login-copy{margin-top:70px}.login-copy h1{font-size:34px}.login-form-wrap{padding:22px}.login-card{padding:24px;border-radius:20px}}


/* MANYEOWA ADMIN A4 / VISUAL QA POLISH */
.login-page{grid-template-columns:minmax(0,1.18fr) minmax(460px,.82fr)}
.login-visual{min-height:720px}
.login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 68%,rgba(255,255,255,.025) 68.1% 68.25%,transparent 68.35%),linear-gradient(25deg,transparent 0 73%,rgba(255,255,255,.02) 73.1% 73.25%,transparent 73.35%);pointer-events:none}
.login-copy{bottom:72px;max-width:600px}
.login-copy h1{max-width:570px}
.login-copy p{max-width:500px}
.login-capabilities{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}
.login-capabilities span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#cfbec7;background:rgba(255,255,255,.035);font-size:8px;font-weight:800;letter-spacing:.08em}
.login-form-wrap{background:radial-gradient(circle at 70% 25%,rgba(125,49,84,.045),transparent 34%),#f8f7f5;padding:52px}
.login-card{width:min(100%,470px);padding:36px;border-radius:27px;box-shadow:0 22px 58px rgba(50,38,43,.09)}
.login-card-kicker{margin-bottom:9px;color:var(--wine);font-size:8px;font-weight:900;letter-spacing:.14em}
.login-card h2{font-size:24px}
.login-card>p{font-size:10.5px;margin-bottom:27px}
.login-field{margin:16px 0}.login-field input{height:49px}
.login-submit{height:50px;margin-top:15px}
.login-security{margin-top:17px;padding:13px}
.admin-table thead th{position:sticky;top:0;z-index:2}
.admin-table tbody tr[hidden]{display:none}
.panel{contain:paint}
.kpi{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.kpi:hover{transform:translateY(-1px);border-color:#ddd4d8;box-shadow:0 8px 24px rgba(44,32,37,.055)}
.admin-nav-link:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.filter-input:focus-visible,.filter-select:focus-visible{outline:3px solid rgba(125,49,84,.14);outline-offset:2px}
@media(max-width:1180px) and (min-width:981px){
  .login-page{grid-template-columns:minmax(0,1fr) minmax(420px,.84fr)}
  .login-visual{padding:38px}.login-copy{left:38px;bottom:55px}.login-form-wrap{padding:34px}
}
@media(max-width:980px){
  .login-page{grid-template-columns:1fr}.login-visual{min-height:320px}
  .login-copy{margin-top:72px;max-width:620px}.login-capabilities{margin-top:16px}
  .login-form-wrap{padding:36px 24px}.login-card{width:min(100%,520px)}
}
@media(max-width:680px){
  .login-visual{min-height:300px}.login-copy{margin-top:62px}.login-copy h1{font-size:31px}
  .login-capabilities span:nth-child(n+4){display:none}
  .login-form-wrap{padding:22px 16px}.login-card{padding:25px}
}


/* MANYEOWA ADMIN A5 / REAL ADMIN AUTH */
.password-wrap{position:relative}.password-wrap input{padding-right:48px}
.password-toggle{position:absolute;right:7px;top:6px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#8d8186;display:grid;place-items:center}
.password-toggle:hover{background:#f3efed;color:var(--wine)}.password-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.65}
.login-error{min-height:18px;margin:10px 0 -2px;color:var(--red);font-size:9.5px;font-weight:750;text-align:center}
.login-submit:disabled{opacity:.62;cursor:wait}
.admin-profile+[data-admin-logout]{flex:0 0 auto}


/* MANYEOWA ADMIN A10 / ONE-TIME WEB SETUP */
.setup-page .login-card{max-width:500px}
.setup-page .login-card>p{max-width:410px}
.setup-page .login-security{border-color:#e8ded7;background:#fbf7f3}
.setup-page .login-submit{margin-top:18px}
