/* StormFlix Admin v6 — full-width workspace, cleaner navigation and scrollbars. */
html{scrollbar-color:#394557 #0a0e14;scrollbar-width:thin}*{scrollbar-width:thin;scrollbar-color:#394557 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#354154;border:2px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#526075;background-clip:padding-box}.app{grid-template-columns:268px minmax(0,1fr)!important;min-height:100vh}aside{width:268px!important;padding:18px 13px 14px!important;background:#0a0e14!important;border-right:1px solid #222b38!important}aside .brand{padding:7px 9px 0!important;font-size:24px!important}aside .sub{margin:3px 9px 10px!important;padding:0 0 17px!important}aside nav{min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:0 3px 12px 0!important;margin-top:0!important}aside .nav-group{display:flex!important;align-items:center;gap:8px;margin:8px 7px 5px!important;padding:14px 4px 5px!important;border-top:1px solid #1c2430;color:#667286!important}aside .nav-group:first-child{border-top:0;margin-top:0!important;padding-top:8px!important}aside .nav-group::after{content:"";height:1px;flex:1;background:#1c2430}aside nav button{min-height:40px!important;margin:1px 0;padding-left:43px!important;border-radius:9px!important}aside nav button.active{background:#19212d!important;border-color:#354153!important;box-shadow:inset 3px 0 0 #ff5665!important}.aside-bottom{padding-top:10px!important;margin-top:8px!important;background:#0a0e14}main{min-width:0!important;max-width:none!important;width:100%!important;padding:0 30px 64px!important;overflow:visible!important}main>header{margin:0 -30px 24px!important;padding:20px 30px 17px!important}.page{width:100%!important;max-width:none!important;margin:0!important}.section-intro{width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.section-intro>div:first-child{min-width:0;max-width:900px}.library-grid{width:100%!important;grid-template-columns:repeat(auto-fit,minmax(430px,1fr))!important;align-items:start}.library-card{min-width:0!important}.dashboard-shell,.dashboard-banner,.dashboard-columns,.metric-grid{width:100%!important}.dashboard-banner{grid-template-columns:minmax(0,1.65fr) minmax(330px,.65fr)!important}.dashboard-columns{grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr)!important}.category-grid,.account-grid,.cleanup-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important}.panel,.table-wrap,.form{width:100%!important;max-width:none!important}.table-wrap{overflow:auto!important}.form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.form .wide{grid-column:span 2!important}.library-editor-card{width:100%!important;max-width:none!important}.library-source-row{grid-template-columns:96px minmax(320px,1fr) 110px auto!important}.who{white-space:nowrap}
/* Accounts & Profiles */
.accounts-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px 24px;border:1px solid #26303e;background:linear-gradient(135deg,#111720,#0d1219);border-radius:16px}.accounts-intro h2{font-size:26px;margin:3px 0 8px}.accounts-intro p:not(.kicker){margin:0;color:#929cac;max-width:780px;line-height:1.55}.accounts-create{min-width:145px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;align-items:start}.account-card{border:1px solid #26303d;background:#10151d;border-radius:15px;padding:17px;min-width:0}.account-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.account-avatar{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#ff5a6c,#ff7b62);display:grid;place-items:center;font-size:19px;font-weight:900;color:white}.account-card-head h3{margin:0 0 3px;font-size:16px}.account-card-head p{margin:0;color:#808a9a;font-size:12px}.account-status{font-size:9px;letter-spacing:.08em;font-weight:900;border-radius:999px;padding:5px 8px;border:1px solid}.account-status.active{color:#73e8a6;background:rgba(87,221,145,.08);border-color:rgba(87,221,145,.32)}.account-status.blocked{color:#ff8b93;background:rgba(255,86,101,.08);border-color:rgba(255,86,101,.3)}.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.account-facts>div{background:#0b1017;border:1px solid #202936;border-radius:10px;padding:9px 10px;min-width:0}.account-facts span{display:block;color:#707b8c;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.account-facts b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-actions{display:flex;gap:7px;flex-wrap:wrap}.account-actions button{min-height:34px}.account-editor-card,.profiles-admin-card{margin:0 0 18px;padding:20px;border:1px solid #2b3544;background:#111721;border-radius:16px;box-shadow:0 14px 35px rgba(0,0,0,.16)}.account-editor-head,.profiles-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.account-editor-head h3,.profiles-admin-head h3{font-size:21px;margin:3px 0 4px}.account-editor-head small,.profiles-admin-head small{color:#828d9e}.account-editor-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.account-editor-form label,.profile-editor-form label{display:grid;gap:6px}.account-editor-form label>span,.profile-editor-form label>span{font-size:10px;color:#8994a5;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.account-editor-form input,.account-editor-form select,.profile-editor-form input,.profile-editor-form select{width:100%;min-height:43px;background:#0b1017;border:1px solid #293442;border-radius:9px;color:#f1f4f8;padding:0 12px;box-sizing:border-box}.account-toggle{display:flex!important;grid-auto-flow:column;grid-template-columns:auto 1fr!important;align-items:center!important;justify-content:start;gap:8px!important;min-height:43px}.account-toggle input{width:18px!important;min-height:18px!important;height:18px;margin:0}.account-toggle span{text-transform:none!important;font-size:12px!important;color:#d1d7e0!important;letter-spacing:0!important}.account-access-note{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;min-height:43px;padding:8px 12px;background:rgba(94,229,154,.06);border:1px solid rgba(94,229,154,.2);border-radius:9px}.account-access-note b{font-size:11px;color:#70e6a4}.account-access-note span{font-size:10px;color:#8792a2;margin-top:2px}.account-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.profiles-admin-head>div:last-child{display:flex;gap:8px}.profiles-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px}.profile-admin-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #25303e;background:#0c1118;border-radius:12px}.profile-admin-avatar{width:58px;height:58px;border-radius:13px;overflow:hidden;background:#272e3a;display:grid;place-items:center}.profile-admin-avatar img{width:100%;height:100%;object-fit:cover}.profile-admin-avatar span{font-size:22px;font-weight:900}.profile-admin-copy{min-width:0}.profile-admin-copy h4{font-size:14px;margin:0 0 4px}.profile-admin-copy p,.profile-admin-copy small{display:block;margin:0;color:#8b95a5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-admin-copy small{margin-top:4px}.profile-admin-actions{display:grid;gap:5px}.profiles-empty{padding:26px;text-align:center;color:#818b9b;border:1px dashed #303a48;border-radius:12px}.profile-editor-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px;padding:14px;margin-bottom:13px;background:#0a0f16;border:1px solid #283342;border-radius:12px}.profile-editor-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.profile-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
@media(min-width:1800px){main{padding-left:42px!important;padding-right:42px!important}main>header{margin-left:-42px!important;margin-right:-42px!important;padding-left:42px!important;padding-right:42px!important}.library-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))!important}.accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-editor-form{grid-template-columns:repeat(5,minmax(160px,1fr))}}
@media(max-width:1200px){.account-editor-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.account-access-note{grid-column:span 2}}
@media(max-width:1050px){.app{grid-template-columns:230px minmax(0,1fr)!important}aside{width:230px!important}.dashboard-banner,.dashboard-columns{grid-template-columns:1fr!important}.library-grid{grid-template-columns:1fr!important}.library-source-row{grid-template-columns:76px minmax(220px,1fr) auto!important}.source-state{display:none!important}}
@media(max-width:820px){.app{display:block!important}aside{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}aside nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.nav-group{grid-column:1/-1!important}main{padding:0 15px 48px!important}main>header{position:relative!important;margin:0 -15px 20px!important;padding:18px 15px!important}.section-intro{align-items:flex-start!important;flex-direction:column!important}.form .wide{grid-column:auto!important}.library-source-row{grid-template-columns:1fr!important}.accounts-intro{align-items:flex-start;flex-direction:column}.accounts-grid{grid-template-columns:1fr}.account-editor-form{grid-template-columns:1fr}.account-access-note{grid-column:auto}.profiles-admin-grid{grid-template-columns:1fr}}
@media(max-width:540px){aside nav{grid-template-columns:1fr!important}.library-grid,.category-grid,.account-grid,.cleanup-grid{grid-template-columns:1fr!important}.account-card-head{grid-template-columns:42px minmax(0,1fr)}.account-avatar{width:42px;height:42px}.account-status{grid-column:2}.account-facts{grid-template-columns:1fr 1fr}.profile-admin-item{grid-template-columns:48px minmax(0,1fr)}.profile-admin-avatar{width:48px;height:48px}.profile-admin-actions{grid-column:1/-1;display:flex}.profiles-admin-head{flex-direction:column}.profiles-admin-head>div:last-child{width:100%;flex-wrap:wrap}}
