.ops-shell{background:#f4f6fa;min-height:100vh;color:#222b42;font-size:14px}.ops-header{background:#18233f;color:white;position:relative;z-index:30}.ops-top{min-height:78px;display:flex;align-items:center;gap:25px;padding:16px 32px;border-bottom:1px solid #ffffff16}.ops-brand{display:flex;gap:10px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1px;color:white;text-decoration:none}.ops-brand .brand-mark{width:33px;height:35px;font-size:24px}.ops-edition{font-size:10px;letter-spacing:2px;align-self:flex-end;padding-bottom:5px}.ops-store{border-left:1px solid #ffffff25;padding-left:22px;font-weight:600;white-space:nowrap}.ops-store span{display:block;font-size:12px;color:#aeb8ce;font-weight:400;margin-top:5px}.ops-search{max-width:360px;flex:1;background:#ffffff0c;border:1px solid #ffffff18;border-radius:8px;display:flex;align-items:center;gap:10px;color:#c0c9dc;padding:10px 13px;text-align:left;font-size:14px}.ops-search kbd{margin-left:auto;border:1px solid #ffffff30;padding:0 5px;border-radius:3px}.ops-top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.ops-top-actions .button{background:#ffffff0b;color:#fff;border-color:#ffffff28}.ops-nav{display:flex;justify-content:center;padding:0 24px;gap:4px}.ops-nav>button{color:#bdc7dc;padding:19px 16px;display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap}.ops-nav>button>.icon:last-child:not(:first-child){width:12px}.ops-nav>button.active,.ops-nav>button:hover,.ops-nav>button[aria-expanded=true]{color:white;background:#ffffff08;border-bottom-color:#a392ff}.ops-nav .icon{width:18px;height:18px}.ops-mega{position:absolute;top:100%;left:24px;right:24px;background:white;color:#273049;box-shadow:0 20px 45px #15223c26;padding:25px;display:flex;gap:36px;border:1px solid #e5e8ef;border-radius:0 0 12px 12px}.ops-mega>div:first-child{width:180px;border-right:1px solid #e5e8ef}.ops-mega p{color:#7b8497;margin-top:8px}.ops-menu-links{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:8px;flex:1}.ops-menu-links button{padding:10px 12px;text-align:left;display:flex;justify-content:space-between;border-radius:6px;font-size:14px}.ops-menu-links button:hover{background:#f2efff;color:#6750d5}.ops-menu-links .icon{width:15px}.ops-content{padding:24px 32px!important;max-width:1600px!important;margin:auto!important}.ops-crumb{display:flex;gap:12px;align-items:center;color:#838b9c;font-size:12px;margin:0 0 26px}.ops-crumb strong{font-weight:500;color:#45506a}.ops-session{margin-left:auto}.ops-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.ops-title h1{font-size:28px;letter-spacing:-.8px;font-weight:650}.ops-title p{font-size:14px;color:#7c8495;margin-top:7px}.ops-filterbar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:white;border:1px solid #e4e8f0;padding:12px 16px;border-radius:9px;margin:0 0 22px}.ops-select{display:flex;gap:8px;align-items:center;color:#717a8e;font-size:12px}.ops-select select{font:inherit;font-size:14px;background:white;border:1px solid #e1e5ee;border-radius:6px;padding:9px 28px 9px 10px;color:#273049;max-width:220px}.ops-period{display:flex;gap:2px;flex-wrap:wrap}.ops-period .button{border:0;background:transparent;border-radius:6px;font-size:14px;padding:9px 14px;box-shadow:none}.ops-period .selected{background:#eeeafb;color:#674dd1}.ops-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ops-card{background:white;border:1px solid #e5e9f0;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #17254303}.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #eff1f5}.ops-card h2{font-size:16px;font-weight:650}.ops-card .small{font-size:12px}.ops-span2{grid-column:span 2}.ops-big-count{padding:21px 22px 13px;display:flex;align-items:baseline;gap:12px}.ops-big-count>strong{font-size:36px;letter-spacing:-1px}.ops-big-count>span{color:#8790a1;font-size:14px}.ops-status-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 16px;gap:6px}.ops-status-grid button{background:#f7f7fc;border-radius:7px;padding:12px 2px;text-align:center}.ops-status-grid strong{display:block;color:#6550cd;font-size:22px}.ops-status-grid span{display:block;font-size:12px;margin-top:6px}.ops-channel-list{padding:15px 22px}.ops-channel-list>div{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.ops-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8b80dc;margin-right:9px}.ops-performance{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:10px}.ops-performance>div{padding:14px;background:#f7f8fb;border-radius:7px}.ops-performance .featured{grid-column:span 2;background:#f0edfc;padding:19px}.ops-performance span,.ops-performance small{display:block;color:#7a8294;font-size:12px}.ops-performance strong{display:block;font-size:23px;margin:7px 0 0;letter-spacing:-.6px}.ops-performance .featured strong{font-size:32px;color:#5843bb;margin:7px 0}.ops-tasks{padding:5px 20px}.ops-tasks>button{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #edf0f5;width:100%;text-align:left}.ops-tasks .icon{color:#7d6eca;width:23px;height:23px}.ops-tasks span{flex:1;font-size:14px}.ops-tasks small{display:block;color:#9299a8;font-size:12px;margin-top:6px}.ops-tasks strong{background:#f0edfa;color:#6651bc;border-radius:5px;padding:5px 9px}.ops-note{font-size:12px;color:#8b94a6;padding:18px 22px}.ops-chart{display:flex;gap:16px;padding:30px 25px 20px;height:280px;align-items:flex-end}.ops-chart-col{flex:1;min-width:0;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.ops-chart-col>span{font-size:12px;font-weight:600;white-space:nowrap}.ops-chart-track{flex:1;min-height:20px;width:70%;display:flex;align-items:flex-end;border-bottom:1px solid #dfe4ee}.ops-chart-track i{display:block;width:100%;background:linear-gradient(#9987e9,#6652ce);border-radius:5px 5px 0 0}.ops-chart-col strong{font-size:12px;font-weight:500}.ops-chart-col small{font-size:12px;color:#8992a4}.ops-channel-revenue{padding:10px 22px 23px}.ops-channel-revenue>div{padding:14px 0}.ops-channel-revenue strong{float:right;font-size:14px}.ops-meter{height:5px;background:#eff0f6;border-radius:4px;margin-top:12px;overflow:hidden}.ops-meter i{display:block;height:100%;background:#8e7cdd;border-radius:4px}.ops-stock-list{padding:7px 20px}.ops-stock-list>button{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;text-align:left;padding:17px 0;border-bottom:1px solid #edf0f5}.ops-stock-list small{display:block;margin-top:7px;color:#8b94a6;font-size:12px}.ops-shell .page-heading .eyebrow{display:none}.ops-shell .page-heading h1{font-size:28px}.ops-shell .page-heading{margin-bottom:24px}.ops-shell .subtitle{font-size:14px}.ops-shell th{font-size:12px;color:#818ba0;background:#f9fafc}.ops-shell td{font-size:14px;padding:17px 16px}.ops-shell .card{border-color:#e4e8f0;box-shadow:none}.ops-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #dfe4ef;padding-bottom:10px}.ops-tabs button{padding:10px 12px;font-size:14px;color:#778197;border-radius:6px}.ops-tabs button.active{background:#ede9fb;color:#654bd0}.ops-tabs .pill{margin-left:6px;font-size:12px;padding:2px 6px}.ops-toolbar{display:flex;gap:12px;padding:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e8ecf4}.ops-toolbar .search-box{flex:1;min-width:200px}.ops-toolbar .button{font-size:14px}.ops-filter-panel{padding:18px;background:#fafbfe;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-bottom:1px solid #e7ebf2}.ops-filter-panel .field{font-size:12px}.ops-filter-panel input,.ops-filter-panel select{font-size:14px}.ops-pagination{padding:16px;display:flex;align-items:center;gap:10px;border-top:1px solid #e9edf4}.ops-pagination>span:first-child{flex:1;font-size:12px;color:#8992a4}.ops-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ops-report-card{border:1px solid #e4e8ef;background:white;padding:25px;border-radius:10px;text-align:left;display:flex;gap:16px}.ops-report-card .icon{color:#7763d2;width:26px;height:26px}.ops-report-card strong{display:block;font-size:16px}.ops-report-card small{display:block;font-size:14px;color:#9299a8;margin-top:9px;line-height:1.5}.ops-report-card:hover{border-color:#b0a2e2;background:#fcfbff}.ops-summaries{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.ops-summaries>div{background:white;border:1px solid #e5e9f0;border-radius:10px;padding:22px}.ops-summaries span{color:#858fa2;font-size:14px;display:block}.ops-summaries strong{font-size:26px;display:block;margin-top:10px}.ops-bar-row{display:flex;align-items:center;gap:15px;padding:13px 22px}.ops-bar-row>span{width:110px;font-size:14px}.ops-bar-row>div{height:10px;flex:1;background:#f0f0f7;border-radius:5px;overflow:hidden}.ops-bar-row i{display:block;height:100%}.ops-bar-row strong{width:35px;text-align:right}.ops-result-list>button{display:flex;width:100%;padding:14px;border-bottom:1px solid #eee;text-align:left}.ops-result-list small{margin-left:auto;color:#8c93a3}.ops-editor-tabs{position:sticky;top:0;z-index:5;background:#f4f6fa;padding-top:12px}.ops-editor-pane[hidden]{display:none!important}.ops-lineitems{padding:20px}.ops-lineitems>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f5;padding:14px 0}.ops-lineitems>div>span{flex:1}.ops-lineitems input{width:75px;padding:8px;border:1px solid #ddd;border-radius:6px}.ops-preview-text{font-size:16px;line-height:1.8;white-space:pre-wrap}.ops-shell .studio-layout{min-height:650px}.ops-shell .form-grid{margin-top:16px}.ops-shell .field input,.ops-shell .field select,.ops-shell .field textarea{font-size:14px}.ops-empty{padding:45px;text-align:center;color:#8790a3}
@media(min-width:1550px){.ops-nav{justify-content:flex-start;padding-left:max(32px,calc((100vw - 1536px)/2))}.ops-nav>button{padding-inline:22px}}
@media(max-width:1200px){.ops-nav{justify-content:flex-start;overflow-x:auto}.ops-nav>button{padding:16px 12px}.ops-store{display:none}.ops-content{padding:22px!important}.ops-dashboard{gap:16px}.ops-chart{gap:8px}.ops-filterbar{align-items:flex-start}.ops-period .button{padding:9px 10px}.ops-status-grid span{font-size:12px}.ops-filter-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ops-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-span2{grid-column:span 2}.ops-dashboard>.ops-card:nth-child(3){grid-column:span 2}.ops-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ops-tasks>button{align-items:flex-start}.ops-tasks .icon{display:none}.ops-filterbar{flex-direction:column}.ops-report-grid{grid-template-columns:repeat(2,1fr)}.ops-top{padding:15px 22px;gap:15px}.ops-edition{display:none}.ops-mega{left:10px;right:10px}.ops-menu-links{grid-template-columns:repeat(2,1fr)}.ops-mega>div:first-child{display:none}.ops-top-actions .demo-badge{display:none}.ops-session{display:none}}
@media(max-width:600px){.ops-top{flex-wrap:wrap;padding:14px 16px}.ops-search{order:3;max-width:none;flex-basis:100%}.ops-brand{font-size:23px}.ops-top-actions .button{font-size:12px;padding:8px}.ops-content{padding:18px 14px!important}.ops-nav{padding:0 8px}.ops-title{align-items:flex-start}.ops-title h1{font-size:23px}.ops-title p{line-height:1.5}.ops-dashboard{grid-template-columns:1fr}.ops-span2,.ops-dashboard>.ops-card:nth-child(3){grid-column:auto}.ops-tasks{display:block}.ops-card-head{padding:18px}.ops-report-grid{grid-template-columns:1fr}.ops-summaries{grid-template-columns:1fr;gap:10px}.ops-summaries>div{padding:16px;display:flex;align-items:center;justify-content:space-between}.ops-summaries strong{margin:0;font-size:22px}.ops-filter-panel{grid-template-columns:1fr}.ops-filterbar{padding:12px}.ops-period .button{font-size:12px;padding:9px 8px}.ops-chart{padding:25px 14px;height:250px;overflow:auto}.ops-chart-col{min-width:45px}.ops-chart-col>span{font-size:12px}.ops-toolbar .ops-select{width:100%}.ops-tabs{flex-wrap:nowrap;overflow:auto;white-space:nowrap}.ops-pagination{flex-wrap:wrap}.ops-menu-links{grid-template-columns:1fr 1fr}.ops-menu-links button{font-size:14px;padding:9px 5px}.ops-mega{padding:15px}.ops-shell .detail-layout{display:block}.ops-shell .detail-layout>div{margin-bottom:16px}}
@media(min-width:901px) and (max-width:1300px){.ops-nav{gap:0;padding:0 14px}.ops-nav>button{flex:1;justify-content:center;padding:16px 8px;gap:6px}.ops-nav>button>.icon:last-child:not(:first-child){display:none}.ops-nav>button .icon{width:16px}}