body.ops-mode{background:#faf8fc}body.ops-mode #site-header,body.ops-mode #bottom-nav{display:none}.ops-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;font-family:'IBM Plex Sans KR',sans-serif;color:#30354d;font-size:14px}.ops-sidebar{padding:36px 22px;background:#fff;border-right:1px solid #eeebf2;display:flex;flex-direction:column;gap:28px}.ops-brand{display:flex;align-items:center;gap:9px;font-size:12px}.ops-brand img{width:42px;height:42px;object-fit:contain}.ops-brand b{display:block;font-size:20px;color:#283451}.ops-nav-label{font-size:11px;letter-spacing:2px;color:#9291a4}.ops-sidebar nav{display:grid;gap:8px}.ops-sidebar nav button{text-align:left;border:0;background:transparent;padding:13px 14px;border-radius:14px;font:inherit;color:#73758a;cursor:pointer;display:flex;gap:12px;align-items:center}.ops-sidebar nav button.selected{background:#eee8fd;color:#514475;font-weight:700}.ops-sidebar nav button span{font-size:19px;width:22px}.ops-side-note{margin-top:auto;background:#fff7d9;border-radius:18px;padding:18px;font-size:13px}.ops-side-note p{font-size:12px;line-height:1.8;margin:9px 0 0;color:#8a8063}.ops-sidebar>a{font-size:12px;color:#76798a}.ops-workspace{min-width:0;padding:38px}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.ops-eyebrow{font-size:10px;letter-spacing:1.6px;color:#9a92ab}.ops-heading h1{font-size:28px;font-weight:700;letter-spacing:-1px;margin:8px 0}.ops-heading p{font-size:13px;color:#9291a1}.ops-tools{display:flex;gap:9px;align-items:end}.ops-tools label{font-size:11px;color:#9190a0;display:grid;gap:5px}.ops-tools select,.ops-tools button,.ops-filters select,.ops-filters input{border:1px solid #e7e3ed;border-radius:11px;background:#fff;padding:11px;font:inherit;color:#52556b}.ops-tools button{cursor:pointer}.ops-context{padding:12px 16px;background:#f1ecf8;border-radius:12px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#867693;margin-bottom:24px}.ops-content{display:grid;gap:22px}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ops-metric{border-radius:20px;background:white;padding:22px 18px;border:1px solid #eeebf2}.ops-metric p{font-size:12px;margin:0 0 15px;color:#64677f}.ops-metric strong{display:block;font-size:29px;letter-spacing:-1px;line-height:1.2}.ops-metric small{display:block;font-size:10px;margin-top:12px;color:#87879a}.ops-metric.yellow{background:#fff8d9}.ops-metric.blue{background:#eaf4fc}.ops-metric.pink{background:#fdeef2}.ops-metric.lavender{background:#f0ebfd}.ops-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.ops-panel{background:#fff;border:1px solid #eeebf2;border-radius:22px;padding:24px;min-width:0}.ops-panel h2{font-size:16px;font-weight:700;margin:0 0 18px}.ops-panel-heading{display:flex;justify-content:space-between;gap:10px}.ops-panel-heading>span{font-size:11px;color:#999}.ops-muted{font-size:12px;color:#8c8d9d;line-height:1.8;margin:14px 0}.ops-status-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f4f1f6}.ops-badge{display:inline-block;border-radius:7px;background:#f2f1f6;color:#858292;font-size:11px;padding:5px 9px;white-space:nowrap}.ops-badge.completed,.ops-badge.paid{background:#e8f4ee;color:#4d9274}.ops-badge.failed,.ops-badge.refunded{background:#fcecee;color:#bd6d7a}.ops-badge.processing{background:#e9f0fc;color:#6385b1}.ops-badge.pending,.ops-badge.awaiting_payment{background:#fff5d9;color:#a89042}.ops-table-wrap{overflow-x:auto}.ops-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.ops-table th{font-size:11px;color:#9b97a8;font-weight:500;padding:12px;border-bottom:1px solid #ece8f2}.ops-table td{padding:16px 12px;border-bottom:1px solid #f4f1f7}.ops-table td b{font-weight:500}.ops-table td small{display:block;font-size:9px;color:#aaa4b7;margin-top:5px}.ops-filters{display:flex;gap:10px;margin:20px 0}.ops-filters input{flex:1;min-width:0}.ops-empty{padding:50px 15px;text-align:center;color:#aaa4b7;font-size:13px}.ops-chart{height:165px;display:flex;gap:4px;align-items:end;border-bottom:1px solid #eee9f3;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#f6f3f9 40px)}.ops-chart>div{flex:1;height:100%;display:flex;align-items:end}.ops-chart i{display:block;width:100%;background:#c3b8e9;border-radius:4px 4px 0 0}.ops-chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#a09bad;margin-top:10px}.ops-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a29aaf;padding-top:28px}.ops-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ops-journey>div{padding:22px 18px;border-radius:16px;background:#f1edfb}.ops-journey>div.untracked{background:#f7f6f9;border:1px dashed #e3dfe9}.ops-journey small{color:#a49ab7;font-size:11px}.ops-journey h3{margin:14px 0;font-size:13px}.ops-journey strong{font-size:23px}.ops-funnel-row{margin:22px 0}.ops-funnel-row>div:first-child{display:flex;justify-content:space-between;font-size:12px;gap:10px;margin-bottom:10px}.ops-track{height:17px;background:#f5f2fa;border-radius:6px;overflow:hidden}.ops-track i{height:100%;display:block;background:#c8bbea;border-radius:6px}.ops-insight{display:flex;gap:18px;margin:24px 0}.ops-insight>span{background:#f1edfb;color:#a798c8;border-radius:14px;width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;font-size:22px}.ops-insight h3{font-size:14px;margin-bottom:7px;font-weight:600}.ops-insight p{color:#8d8799;font-size:13px;line-height:1.9}.ops-retry{border:0;background:#eee8fb;padding:8px 14px;border-radius:9px;color:#807099;cursor:pointer}.ops-alert,#ops-error{color:#ac6575;font-size:12px}.ops-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ops-shell button:focus-visible,.ops-shell select:focus-visible,.ops-shell input:focus-visible{outline:3px solid #b1a1d5;outline-offset:2px}
@media(max-width:1000px){.ops-shell{grid-template-columns:190px minmax(0,1fr)}.ops-workspace{padding:24px}.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-heading{align-items:start;flex-direction:column}.ops-grid{grid-template-columns:1fr}}@media(max-width:650px){.ops-shell{display:block}.ops-sidebar{padding:18px;gap:12px;border-bottom:1px solid #eee;border-right:0}.ops-sidebar nav{display:flex;overflow:auto;gap:5px}.ops-sidebar nav button{white-space:nowrap;padding:10px;font-size:12px}.ops-side-note,.ops-nav-label{display:none}.ops-sidebar>a{align-self:end}.ops-workspace{padding:22px 14px}.ops-heading h1{font-size:25px}.ops-context{flex-direction:column}.ops-panel{padding:18px}.ops-journey{grid-template-columns:repeat(2,1fr)}.ops-footer{flex-direction:column}.ops-metric{padding:17px 13px}.ops-metric strong{font-size:25px}.ops-tools{width:100%;justify-content:space-between}.ops-filters{flex-direction:column}}