body:has(.owner-shell),body:has(.staff-shell){background:#07111f;color:#edf4fa}
.owner-shell,.staff-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:radial-gradient(circle at 10% 0%,rgba(199,255,68,.08),transparent 32%),#07111f;color:#edf4fa}
.owner-sidebar{background:rgba(10,23,36,.96);border-inline-start:1px solid rgba(199,255,68,.15);padding:24px 16px;display:flex;flex-direction:column;gap:20px;min-height:100vh;position:sticky;top:0;height:100vh;z-index:2}
.owner-sidebar-title{display:flex;align-items:center;gap:11px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.owner-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--lime);color:var(--navy);font:800 13px Inter,Arial;overflow:hidden;box-shadow:0 0 24px rgba(199,255,68,.2)}.owner-avatar img{width:100%;height:100%;object-fit:contain;display:block}.owner-sidebar-title strong{display:block;font-size:15px}.owner-sidebar-title small{display:block;color:#8da4b9;font-size:11px;margin-top:4px}
.owner-sidebar nav{display:grid;gap:6px}.owner-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 13px;border:1px solid transparent;background:transparent;color:#b8c9d8;border-radius:12px;text-align:right;font-size:13px;cursor:pointer;transition:.2s ease}.owner-nav-item span{width:22px;color:var(--lime);font-size:17px;text-align:center}.owner-nav-item:hover{background:#10263d;color:#fff;border-color:rgba(199,255,68,.2);transform:translateX(-3px)}.owner-nav-item.active{background:linear-gradient(135deg,rgba(199,255,68,.16),rgba(17,52,67,.68));color:#fff;border-color:rgba(199,255,68,.35);box-shadow:0 9px 25px rgba(0,0,0,.18)}
.owner-back,.owner-logout{margin-top:auto;text-align:center;border:1px solid #2b4258;background:transparent;color:#d9e6ef;border-radius:11px;padding:10px 12px;font-weight:700;cursor:pointer}.owner-back{margin-top:0;text-decoration:none}.owner-logout{margin-top:0}.owner-back:hover,.owner-logout:hover{border-color:var(--lime);color:var(--lime)}
.owner-main,.staff-main{min-width:0;padding:30px 34px 55px}.owner-section{display:none;animation:ownerFade .35s ease both}.owner-section.active{display:block}.owner-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.owner-kicker{font:800 11px Inter,Arial;letter-spacing:.08em;color:var(--lime);text-transform:uppercase}.owner-topbar h1{margin:7px 0 5px;color:#f7fbff;font-size:clamp(28px,3vw,42px)}.owner-topbar p{margin:0;color:#9eb3c5;font-size:14px}.owner-top-actions{display:flex;gap:9px;flex-wrap:wrap}.owner-top-actions .btn{white-space:nowrap}
.owner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.owner-stat{background:#0e1f31;border:1px solid #233b52;border-radius:17px;padding:17px 18px;min-height:112px;position:relative;overflow:hidden}.owner-stat:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;left:-48px;bottom:-65px;background:rgba(199,255,68,.08)}.owner-stat span{display:block;color:#a8bdd0;font-size:12px}.owner-stat strong{display:block;color:#fff;font:800 28px Inter,Arial;margin:11px 0 5px}.owner-stat small{color:#8da6b9;font-size:11px}.owner-stat.lime{border-color:rgba(199,255,68,.34)}.owner-stat.orange{border-color:rgba(255,166,74,.35)}.owner-stat.violet{border-color:rgba(154,126,255,.34)}.owner-stat.blue{border-color:rgba(75,176,255,.3)}
.owner-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.owner-card{background:rgba(13,29,46,.96);border:1px solid #233b52;border-radius:19px;padding:21px;margin-bottom:17px;box-shadow:0 15px 40px rgba(0,0,0,.14)}.owner-card h2{margin:6px 0 17px;color:#f4f9fc;font-size:20px}.owner-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.owner-card-head h2{margin-bottom:13px}.owner-help{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font:800 11px Inter,Arial;cursor:help;vertical-align:2px}.owner-link{background:none;border:0;color:var(--lime);cursor:pointer;font-weight:700;padding:3px}.owner-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.owner-shortcuts button{background:#10263b;border:1px solid #2a4560;color:#ecf5fa;text-align:right;padding:14px;border-radius:13px;cursor:pointer;transition:.2s ease}.owner-shortcuts button:hover{border-color:var(--lime);transform:translateY(-3px)}.owner-shortcuts strong,.owner-shortcuts small{display:block}.owner-shortcuts small{color:#9db3c5;font-size:11px;margin-top:6px}.owner-list{display:grid;gap:8px}.owner-list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);background:#10263b;border-radius:12px}.owner-list-row strong{display:block;font-size:13px}.owner-list-row small{display:block;color:#91a8bc;font-size:11px;margin-top:3px}.owner-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:4px 9px;font-size:10px;white-space:nowrap}.owner-pill.success{background:rgba(199,255,68,.15);color:#d7ff70}.owner-pill.pending{background:rgba(255,183,77,.14);color:#ffc66f}.owner-count{display:inline-grid;place-items:center;min-width:27px;height:25px;border-radius:99px;background:rgba(199,255,68,.14);color:var(--lime);font:800 12px Inter,Arial}.owner-empty{color:#8da4b8;margin:7px 0}.owner-chart-card{min-height:260px}.sales-bars{height:170px;display:flex;align-items:end;justify-content:space-around;gap:9px;padding:15px 4px 0}.sales-bar{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px}.sales-bar-track{height:125px;width:min(34px,75%);display:flex;align-items:end;background:#10263a;border-radius:10px 10px 4px 4px;overflow:hidden}.sales-bar-track i{display:block;width:100%;min-height:3px;background:linear-gradient(180deg,var(--lime),#88ad14);border-radius:9px 9px 3px 3px;transition:height .45s ease}.sales-bar strong{font:800 11px Inter,Arial;color:#f5fbff}.sales-bar small{font-size:10px;color:#8fa8ba}
.owner-preview-note{display:flex;gap:14px;align-items:center;background:rgba(199,255,68,.1);border:1px solid rgba(199,255,68,.35);border-radius:14px;padding:13px 16px;margin-bottom:15px;color:#d8eead}.owner-preview-note span{color:#abc09a;font-size:12px}.owner-preview-frame{background:#050d17;border:1px solid rgba(199,255,68,.25);border-radius:20px;padding:10px;min-height:640px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.owner-preview-frame iframe{width:100%;height:650px;border:0;border-radius:13px;background:#07111f}
.owner-editor-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:start}.owner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.owner-form-grid label{display:block;color:#bdcddd;font-size:12px}.owner-form-grid label.full{grid-column:1/-1}.owner-form-grid input,.owner-form-grid textarea,.owner-form-grid select{display:block;width:100%;margin-top:6px;background:#091a2b;border:1px solid #2a455e;color:#f4f8fc;border-radius:10px;padding:11px 12px;font:inherit;outline:0}.owner-form-grid input:focus,.owner-form-grid textarea:focus,.owner-form-grid select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(199,255,68,.09)}.owner-form-grid input[type=color]{height:44px;padding:4px}.owner-form-grid textarea{resize:vertical}.owner-settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:7px;background:#0e1f31;border:1px solid #233b52;border-radius:14px}.owner-settings-tab,.owner-staff-tab{border:1px solid transparent;background:transparent;color:#a9bdce;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.owner-settings-tab.active,.owner-staff-tab.active{background:var(--lime);color:var(--navy)}.owner-settings-panel{display:none}.owner-settings-panel.active{display:block;animation:ownerFade .25s ease both}.owner-settings-panel .owner-section{display:block}.owner-settings-panel .owner-topbar{display:none}.owner-settings-panel .owner-card{margin:0}.owner-inline-btn{border:0;background:transparent;color:var(--lime);font-size:11px;margin-inline-start:8px;cursor:pointer}.owner-check{display:flex!important;align-items:center;gap:7px;padding-top:22px}.owner-check input{width:auto!important;display:inline-block!important;margin:0!important}
.owner-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:13px}.owner-table{width:100%;border-collapse:collapse;min-width:760px}.owner-table th,.owner-table td{padding:13px 12px;text-align:right;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;white-space:nowrap}.owner-table th{background:#12283e;color:#b7cadb;font-size:11px}.owner-table td{color:#eef6fb}.owner-table tr:last-child td{border-bottom:0}.owner-table td small{display:block;color:#8fa8bb;font-size:10px;margin-top:3px}.mini-progress{display:inline-block;width:80px;height:7px;background:#203a52;border-radius:99px;overflow:hidden;vertical-align:middle;margin-inline-end:7px}.mini-progress i{height:100%;display:block;background:var(--lime);border-radius:99px}.owner-kpi-list{display:grid;gap:10px}.owner-kpi-list div{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:11px;background:#10263b;border:1px solid rgba(255,255,255,.08)}.owner-kpi-list span{color:#a7bbcc;font-size:12px}.owner-kpi-list strong{color:var(--lime);font:800 18px Inter,Arial}.owner-question{border:1px solid rgba(255,255,255,.09);background:#10263b;border-radius:13px;padding:13px;margin:9px 0}.owner-question-meta{display:flex;justify-content:space-between;gap:10px}.owner-question-meta strong{font-size:13px}.owner-question-meta small{color:#8ea7b9;font-size:10px}.owner-question p{margin:9px 0;color:#dbe8f1;line-height:1.7}.owner-question form{display:flex;gap:8px}.owner-question input{flex:1;background:#091a2b;color:#fff;border:1px solid #2a455e;border-radius:9px;padding:9px 11px}.owner-reply{border-radius:9px;background:rgba(199,255,68,.1);padding:9px;color:#d9efab;font-size:12px}.owner-public-chat{max-height:310px;overflow:auto;display:grid;gap:8px}.owner-public-chat>div{background:#10263b;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:10px}.owner-public-chat strong{font-size:12px}.owner-public-chat small{float:left;color:#8da5b8;font-size:10px}.owner-public-chat p{margin:7px 0 0;color:#cddce7;font-size:12px}.owner-staff-tabs{display:none}.ranking-list{display:grid;gap:9px}.ranking-row{display:grid;grid-template-columns:35px 1.4fr 110px 45px;gap:10px;align-items:center;background:#10263b;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:12px}.ranking-number{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(199,255,68,.14);color:var(--lime);font:800 12px Inter,Arial}.ranking-row strong,.ranking-row small{display:block}.ranking-row strong{font-size:13px}.ranking-row small{color:#8fa8bb;font-size:10px;margin-top:3px}.ranking-row b{color:var(--lime);font:800 13px Inter,Arial;text-align:left}
.staff-main .owner-topbar{margin-bottom:18px}.staff-view{display:none}.staff-view.active{display:block;animation:ownerFade .3s ease both}.owner-staff-tabs{margin-bottom:16px}.student-preview-banner{position:sticky;top:0;z-index:10;background:#132d41;color:#dcff75;border-bottom:1px solid rgba(199,255,68,.22);padding:8px;text-align:center;font-size:11px;font-weight:700}
@keyframes ownerFade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:980px){.owner-shell,.staff-shell{grid-template-columns:1fr}.owner-sidebar{position:static;height:auto;min-height:0;border-inline-start:0;border-bottom:1px solid rgba(199,255,68,.16);padding:14px}.owner-sidebar-title{padding-bottom:12px}.owner-sidebar nav{display:flex;overflow:auto}.owner-nav-item{white-space:nowrap;width:auto}.owner-nav-item span{display:none}.owner-back,.owner-logout{position:absolute;left:14px;top:14px;margin:0}.owner-back{left:100px}.owner-main,.staff-main{padding:24px 18px}.owner-editor-grid,.owner-two-col{grid-template-columns:1fr}.owner-staff-tabs{display:flex;gap:7px;overflow:auto}.staff-main .owner-sidebar{display:none}}
@media(max-width:650px){.owner-topbar{display:block}.owner-top-actions{margin-top:15px}.owner-top-actions .btn{flex:1;text-align:center}.owner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-card{padding:16px}.owner-form-grid{grid-template-columns:1fr}.owner-form-grid label.full{grid-column:auto}.owner-shortcuts{grid-template-columns:1fr}.owner-preview-frame{min-height:500px}.owner-preview-frame iframe{height:520px}.ranking-row{grid-template-columns:30px 1fr 52px}.ranking-row .mini-progress{display:none}.owner-question form{display:grid;grid-template-columns:1fr}.owner-settings-tabs{overflow:auto;flex-wrap:nowrap}.owner-settings-tab{white-space:nowrap}}