:root{--bg:#f4f7fb;--card:#fff;--text:#101828;--muted:#667085;--line:#e5eaf2;--accent:#6d5dfc;--dark:#0b1020;--green:#12b76a;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#0a1020;color:#dce5f4;padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8b7cff,#6257e8);color:#fff}.brand small,.side-user small{display:block;color:#7786a1;font-size:9px;letter-spacing:1px;margin-top:2px}.sidebar nav{display:grid;gap:6px;margin-top:38px}.sidebar nav a{padding:12px 13px;border-radius:11px;color:#9caac0;text-decoration:none;font-weight:700}.sidebar nav a:hover{background:#151e34;color:#fff}.side-user{margin-top:auto;border-top:1px solid #1d2940;padding:18px 8px}.side-user small{margin:5px 0 14px}.side-user a{color:#aebbd0;font-size:12px;text-decoration:none}.app-main{margin-left:250px;padding:34px;max-width:1500px;width:calc(100% - 250px)}.mobile-head{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-head h1{font-size:32px;margin:6px 0}.page-head p{margin:0;color:var(--muted)}.primary-btn{width:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.metric,.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:0 12px 35px rgba(16,24,40,.045)}.metric span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#8995aa}.metric strong{display:block;font-size:27px;margin:7px 0}.metric small{color:var(--muted)}.status.ok{color:var(--green)}.status.bad{color:var(--red)}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{margin:5px 0 18px}.badge{font-size:9px;font-weight:900;background:#eef0ff;color:#5b50d9;border-radius:999px;padding:8px 10px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.quick div{background:#f7f9fc;border-radius:14px;padding:14px}.quick span,.quick b{display:block}.quick span{font-size:11px;color:var(--muted)}.quick b{margin-top:5px}.outline-btn,.mini-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 14px;font-weight:800;text-decoration:none;color:var(--text);cursor:pointer}.dark{background:#0b1020;color:#eef3ff;border-color:#19243a}.dark p{color:#95a4bd;line-height:1.65}.dark code{display:block;padding:12px;border-radius:10px;background:#070b15;color:#bfcaff;word-break:break-all;font-size:11px}.plan-alert{display:flex;justify-content:space-between;align-items:center;background:#fff3e8;border:1px solid #ffd6ad;padding:16px 18px;border-radius:15px;margin-bottom:18px}.plan-alert span{display:block;color:#8b5e34;font-size:12px;margin-top:3px}.plan-alert a{font-weight:900;color:#b45309;text-decoration:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:9px;align-items:center;margin:18px 0;font-weight:700}.plans{display:grid;grid-template-columns:1fr 1fr;gap:15px}.plan{padding:22px;border:1px solid var(--line);border-radius:16px}.plan.featured{border-color:#a69eff;box-shadow:0 10px 30px rgba(109,93,252,.1)}.plan b{font-size:10px;color:#6558eb}.plan h3{margin:7px 0}.plan p{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:13px}td small{display:block;color:var(--muted);margin-top:3px}.table-scroll{overflow:auto}.inline-form{display:inline-flex;gap:5px;margin:3px 0}.inline-form select{padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff}.mini-btn{padding:7px 9px;font-size:11px}.mini-btn.ghost{background:#f8fafc}.toast{position:fixed;right:24px;top:20px;z-index:30;padding:12px 16px;border-radius:12px;background:#102d23;color:#b6f1d7;border:1px solid #245e49;box-shadow:0 10px 30px #0001}.toast.error{background:#351621;color:#ffc6d1;border-color:#6b2a3b}@media(max-width:900px){.sidebar{display:none}.app-main{margin:0;width:100%;padding:18px}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mobile-head a{color:#667085;text-decoration:none;font-weight:800;font-size:12px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.content-grid,.form-grid,.plans{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.primary-btn{width:100%}}

.music-settings-panel{margin-top:18px}.music-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.music-field,.music-volume-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#667085}.music-field input{width:100%;padding:12px 13px;border:1px solid #e5eaf2;border-radius:11px;background:#fff;color:#101828;outline:none}.music-dashboard-actions{display:flex;gap:8px}.music-dashboard-actions button{white-space:nowrap}.music-volume-field{grid-column:1/-1}.music-volume-field input{width:100%;accent-color:#6d5dfc}.music-dashboard-status{margin-top:10px;font-size:11px;color:#667085}@media(max-width:900px){.music-dashboard-grid{grid-template-columns:1fr}.music-dashboard-actions{width:100%}.music-dashboard-actions button:first-child{flex:1}.music-volume-field{grid-column:auto}}

/* v6.14.2 — unified user sidebar; prevents old inline/broken layout */
.app-body{background:#060a14!important;color:#f6f8ff!important}.app-shell{min-height:100vh!important}.sidebar{width:260px!important;height:100vh!important;position:fixed!important;inset:0 auto 0 0!important;padding:0!important;background:linear-gradient(180deg,#070c16 0%,#080d18 55%,#060a12 100%)!important;border-right:1px solid rgba(148,163,184,.14)!important;color:#dce5f4!important;overflow:hidden!important;box-shadow:12px 0 32px rgba(0,0,0,.18)!important}.sidebar-inner{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:18px 14px 14px!important}.sidebar .brand{height:62px!important;min-height:62px!important;padding:4px 8px 13px!important;margin:0 0 9px!important;gap:11px!important;border-bottom:1px solid rgba(148,163,184,.1)!important}.sidebar .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:linear-gradient(145deg,#7c5cff,#3b82f6)!important;color:#fff!important;box-shadow:0 8px 24px rgba(82,75,210,.24)!important}.sidebar .brand b{font-size:15px!important;color:#fff!important}.sidebar .brand small{font-size:7px!important;letter-spacing:1.7px!important;color:#6e7b93!important;margin-top:5px!important}.sidebar nav.sidebar-nav{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 2px 12px!important;scrollbar-width:thin!important;scrollbar-color:#2b3850 transparent!important;margin:0!important}.sidebar-nav::-webkit-scrollbar{width:5px!important}.sidebar-nav::-webkit-scrollbar-thumb{background:#2b3850!important;border-radius:999px!important}.sidebar .nav-group-title{display:block!important;flex:0 0 auto!important;height:24px!important;line-height:24px!important;margin:8px 7px 2px!important;padding:0!important;border:0!important;background:none!important;color:#60708a!important;font-size:7px!important;letter-spacing:1.8px!important;font-weight:900!important}.sidebar .nav-group-settings,.sidebar .nav-group-help{height:31px!important;line-height:22px!important;margin-top:7px!important;padding-top:9px!important;border-top:1px solid rgba(148,163,184,.09)!important}.sidebar nav.sidebar-nav a.nav-item{position:relative!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:5px 8px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#8997ae!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;line-height:1!important}.sidebar nav.sidebar-nav a.nav-item:hover{background:#0d1626!important;border-color:#202d45!important;color:#f1f4fb!important}.sidebar nav.sidebar-nav a.nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.22),rgba(59,130,246,.06))!important;border-color:rgba(139,92,246,.2)!important;color:#fff!important;box-shadow:inset 3px 0 0 #8b5cf6!important}.sidebar .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#0c1422!important;border:1px solid rgba(148,163,184,.08)!important;color:#8390a7!important;font-size:0!important}.sidebar .nav-icon svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;display:block!important}.sidebar .nav-text{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sidebar .live-badge{margin-left:auto!important}.sidebar nav.sidebar-nav em{margin-left:auto!important;font-style:normal!important;padding:4px 6px!important;border-radius:5px!important;background:#ed315d!important;color:#fff!important;font-size:6px!important;line-height:1!important;font-weight:900!important;letter-spacing:.4px!important}.sidebar .sidebar-bottom{width:100%!important;flex:0 0 auto!important;margin:4px 0 0!important;padding:10px 2px 0!important;border-top:1px solid rgba(148,163,184,.1)!important}.sidebar .user-mini{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:8px!important;min-width:0!important;border:1px solid rgba(148,163,184,.08)!important;border-radius:10px!important;background:#0b1220!important}.sidebar .user-avatar{width:33px!important;height:33px!important;min-width:33px!important;flex:0 0 33px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#18243a!important;color:#d9d1ff!important;font-size:11px!important;font-weight:900!important}.sidebar .user-copy{min-width:0!important;flex:1 1 auto!important}.sidebar .user-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf2fa!important;font-size:10px!important}.sidebar .user-copy small{display:block!important;margin-top:3px!important;color:#6d7b93!important;font-size:7px!important}.sidebar .logout-link{width:100%!important;height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#9a6d78!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important}.sidebar .logout-link svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}.app-main{margin-left:260px!important;width:calc(100% - 260px)!important;max-width:none!important;min-width:0!important;padding:28px 38px 55px!important;background:linear-gradient(135deg,#060a14,#090e1b 60%,#0d1221)!important;min-height:100vh!important}.app-main .page-head h1,.app-main .metric,.app-main .panel{color:#f6f8ff}.app-main .page-head p{color:#8f9bb2}.app-main .metric,.app-main .panel{background:rgba(10,16,29,.93)!important;border-color:#202d46!important;box-shadow:0 25px 70px rgba(0,0,0,.16)!important}.app-main .quick div{background:#0b1425!important;color:#f6f8ff}.app-main .quick span,.app-main .metric small{color:#7f8aa0}.app-main .outline-btn{background:#101a2c!important;color:#fff!important;border-color:#2a3853!important}
@media(max-width:900px){.sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:60dvh!important;inset:auto!important}.sidebar-inner{height:auto!important;max-height:60dvh!important}.sidebar nav.sidebar-nav{max-height:42dvh!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:start!important}.sidebar .nav-group-title{grid-column:1/-1!important}.app-main{margin-left:0!important;width:100%!important;padding:18px!important}.mobile-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important}.mobile-head a{color:#aab5ca!important}}
@media(max-width:560px){.sidebar nav.sidebar-nav{grid-template-columns:1fr!important;max-height:44dvh!important}}
/* v6.14.3 — unified sidebar for every authenticated page */
.app-body{background:#060a14!important;color:#f6f8ff!important;min-height:100vh!important}
.app-body .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:245px!important;height:100vh!important;padding:20px 14px!important;background:rgba(6,11,22,.98)!important;border-right:1px solid #202d46!important;display:flex!important;flex-direction:column!important;z-index:20!important;overflow:hidden!important;box-shadow:none!important}
.app-body .sidebar-inner{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important;width:100%!important}
.app-body .logo{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 10px 25px!important;height:auto!important;min-height:0!important;margin:0!important;border:0!important;background:none!important}
.app-body .logo-mark{width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
.app-body .logo-copy b{display:block!important;font-size:15px!important;color:#fff!important}.app-body .logo-copy small{display:block!important;font-size:8px!important;color:#8390a8!important;letter-spacing:1.5px!important;margin-top:5px!important}
.app-body .sidebar-nav{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 2px 12px!important;scrollbar-width:thin!important;scrollbar-color:#2b3850 transparent!important}
.app-body .sidebar-nav::-webkit-scrollbar{width:5px}.app-body .sidebar-nav::-webkit-scrollbar-thumb{background:#2b3850;border-radius:999px}
.app-body .sidebar .nav-group-title{display:block!important;flex:0 0 auto!important;height:24px!important;line-height:24px!important;margin:8px 7px 2px!important;padding:0!important;border:0!important;background:none!important;color:#60708a!important;font-size:7px!important;letter-spacing:1.8px!important;font-weight:900!important}
.app-body .sidebar .nav-group-settings,.app-body .sidebar .nav-group-help{height:31px!important;line-height:22px!important;margin-top:7px!important;padding-top:9px!important;border-top:1px solid rgba(148,163,184,.09)!important}
.app-body .sidebar a.nav-item{position:relative!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:5px 8px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#8997ae!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;line-height:1!important}
.app-body .sidebar a.nav-item:hover{background:#0d1626!important;border-color:#202d45!important;color:#f1f4fb!important}.app-body .sidebar a.nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.22),rgba(59,130,246,.06))!important;border-color:rgba(139,92,246,.2)!important;color:#fff!important;box-shadow:inset 3px 0 0 #8b5cf6!important}
.app-body .sidebar .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#0c1422!important;border:1px solid rgba(148,163,184,.08)!important;color:#8390a7!important;font-size:0!important}
.app-body .sidebar .nav-icon svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;display:block!important}.app-body .sidebar .nav-text{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-body .sidebar .live-badge{margin-left:auto!important}.app-body .sidebar-bottom{width:100%!important;flex:0 0 auto!important;margin:4px 0 0!important;padding:10px 2px 0!important;border-top:1px solid rgba(148,163,184,.1)!important}.app-body .sidebar .user-mini{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:8px!important;min-width:0!important;border:1px solid rgba(148,163,184,.08)!important;border-radius:10px!important;background:#0b1220!important}.app-body .sidebar .user-avatar{width:33px!important;height:33px!important;min-width:33px!important;flex:0 0 33px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#18243a!important;color:#d9d1ff!important;font-size:11px!important;font-weight:900!important}.app-body .sidebar .user-copy{min-width:0!important;flex:1 1 auto!important}.app-body .sidebar .user-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf2fa!important;font-size:10px!important}.app-body .sidebar .user-copy small{display:block!important;margin-top:3px!important;color:#6d7b93!important;font-size:7px!important}.app-body .sidebar .logout-link{width:100%!important;height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#9a6d78!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important}.app-body .sidebar .logout-link svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}
.app-body .app-main{margin-left:245px!important;width:calc(100% - 245px)!important;max-width:1500px!important;min-height:100vh!important;padding:28px 38px 55px!important;background:radial-gradient(circle at 78% 8%,rgba(37,99,235,.16),transparent 26%),linear-gradient(135deg,#060a14,#090e1b 60%,#0d1221)!important;color:#f6f8ff!important}
@media(max-width:900px){.app-body .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:60dvh!important;inset:auto!important}.app-body .sidebar-inner{height:auto!important;max-height:60dvh!important}.app-body .sidebar-nav{max-height:42dvh!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:start!important}.app-body .sidebar .nav-group-title{grid-column:1/-1!important}.app-body .app-main{margin-left:0!important;width:100%!important;max-width:none!important;padding:18px!important}}
@media(max-width:560px){.app-body .sidebar-nav{grid-template-columns:1fr!important;max-height:44dvh!important}}
/* v6.14.3b — same sidebar contract for every legacy admin shell */
.app-shell>.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:245px!important;height:100vh!important;padding:20px 14px!important;background:rgba(6,11,22,.98)!important;border-right:1px solid #202d46!important;display:flex!important;flex-direction:column!important;z-index:20!important;overflow:hidden!important}
.app-shell>.sidebar .sidebar-inner{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;width:100%!important}
.app-shell>.sidebar .logo{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 10px 25px!important}.app-shell>.sidebar .logo-mark{width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;font-size:9px!important;font-weight:950!important}
.app-shell>.sidebar .logo-copy b{display:block!important;font-size:15px!important;color:#fff!important}.app-shell>.sidebar .logo-copy small{display:block!important;font-size:8px!important;color:#8390a8!important;letter-spacing:1.5px!important;margin-top:5px!important}
.app-shell>.sidebar .sidebar-nav{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 2px 12px!important;scrollbar-width:thin!important;scrollbar-color:#2b3850 transparent!important}.app-shell>.sidebar .sidebar-nav::-webkit-scrollbar{width:5px}.app-shell>.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#2b3850;border-radius:999px}
.app-shell>.sidebar .nav-group-title{display:block!important;flex:0 0 auto!important;height:24px!important;line-height:24px!important;margin:8px 7px 2px!important;padding:0!important;background:none!important;color:#60708a!important;font-size:7px!important;letter-spacing:1.8px!important;font-weight:900!important}.app-shell>.sidebar .nav-group-settings,.app-shell>.sidebar .nav-group-help{height:31px!important;line-height:22px!important;margin-top:7px!important;padding-top:9px!important;border-top:1px solid rgba(148,163,184,.09)!important}
.app-shell>.sidebar a.nav-item{position:relative!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:5px 8px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#8997ae!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;line-height:1!important}.app-shell>.sidebar a.nav-item:hover{background:#0d1626!important;border-color:#202d45!important;color:#f1f4fb!important}.app-shell>.sidebar a.nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.22),rgba(59,130,246,.06))!important;border-color:rgba(139,92,246,.2)!important;color:#fff!important;box-shadow:inset 3px 0 0 #8b5cf6!important}.app-shell>.sidebar .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#0c1422!important;border:1px solid rgba(148,163,184,.08)!important;color:#8390a7!important;font-size:0!important}.app-shell>.sidebar .nav-icon svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;display:block!important}.app-shell>.sidebar .nav-text{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-shell>.sidebar .live-badge{margin-left:auto!important}.app-shell>.sidebar .sidebar-bottom{width:100%!important;flex:0 0 auto!important;margin:4px 0 0!important;padding:10px 2px 0!important;border-top:1px solid rgba(148,163,184,.1)!important}.app-shell>.sidebar .user-mini{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:8px!important;min-width:0!important;border:1px solid rgba(148,163,184,.08)!important;border-radius:10px!important;background:#0b1220!important}.app-shell>.sidebar .user-avatar{width:33px!important;height:33px!important;min-width:33px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#18243a!important;color:#d9d1ff!important;font-size:11px!important;font-weight:900!important}.app-shell>.sidebar .user-copy{min-width:0!important;flex:1 1 auto!important}.app-shell>.sidebar .user-copy b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#edf2fa!important;font-size:10px!important}.app-shell>.sidebar .user-copy small{display:block!important;margin-top:3px!important;color:#6d7b93!important;font-size:7px!important}.app-shell>.sidebar .logout-link{width:100%!important;height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#9a6d78!important;font-size:9px!important;font-weight:800!important;text-decoration:none!important}.app-shell>.sidebar .logout-link svg{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important}
@media(max-width:900px){.app-shell>.sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:60dvh!important;inset:auto!important}.app-shell>.sidebar .sidebar-inner{height:auto!important;max-height:60dvh!important}.app-shell>.sidebar .sidebar-nav{max-height:42dvh!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-content:start!important}.app-shell>.sidebar .nav-group-title{grid-column:1/-1!important}}
@media(max-width:560px){.app-shell>.sidebar .sidebar-nav{grid-template-columns:1fr!important;max-height:44dvh!important}}


/* QRIS settings page — unified premium admin layout */
.main{margin-left:260px!important;max-width:1500px!important;width:calc(100% - 260px)!important;padding:30px 34px 55px!important;min-height:100vh!important;background:transparent!important;color:#f6f8ff!important}
.qris-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 0 22px;margin-bottom:20px;border-bottom:1px solid rgba(148,163,184,.10)}
.qris-topbar .eyebrow{display:block;font-size:8px;letter-spacing:1.8px;color:#8b7cf6;font-weight:900}
.qris-topbar h1{margin:7px 0 5px;font-size:31px;letter-spacing:-1.1px;color:#f8fafc}
.qris-topbar p{margin:0;color:#7d8aa1;font-size:11px}
.qris-panel{background:rgba(10,16,29,.96)!important;border:1px solid #202d46!important;border-radius:18px!important;padding:24px!important;box-shadow:0 25px 70px rgba(0,0,0,.16)!important;max-width:1050px}
.qris-panel .panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.10)}
.qris-kicker{display:block;color:#69768e;font-size:8px;letter-spacing:1.7px;font-weight:900;margin-bottom:5px}
.qris-panel h3{margin:0 0 5px;font-size:20px;letter-spacing:-.4px;color:#f6f8ff}
.qris-panel .panel-head p{margin:0;color:#7d8aa1;font-size:11px}
.qris-status{padding:7px 10px;border-radius:999px;font-size:8px;font-weight:900;color:#86efac;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.22);white-space:nowrap}
.qris-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.qris-form label{display:block;margin:0;color:#bac5d5;font-size:10px;font-weight:800}
.qris-form input,.qris-form textarea{display:block;width:100%;margin-top:7px;background:#080f1c!important;border:1px solid #273650!important;border-radius:10px!important;color:#fff!important;outline:0;padding:0 12px;font:500 11px Inter,system-ui,sans-serif;transition:.18s}
.qris-form input{height:43px}
.qris-form textarea{height:110px;padding:11px 12px;resize:vertical;line-height:1.55}
.qris-form input:focus,.qris-form textarea:focus{border-color:#7254ed!important;box-shadow:0 0 0 3px rgba(114,84,237,.10)!important}
.qris-form label:nth-of-type(3),.qris-form .qris-webhook,.qris-form .qris-note,.qris-form button{grid-column:1/-1}
.qris-webhook{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-radius:12px;background:#080e1a;border:1px solid #202d46}
.qris-webhook span{display:block;color:#65728a;font-size:7px;letter-spacing:1.5px;font-weight:900;margin-bottom:5px}
.qris-webhook code{display:inline!important;background:none!important;border:0!important;padding:0!important;color:#c7d2fe!important;font-size:9px}
.qris-webhook p{margin:0;max-width:55%;color:#6f7d94;font-size:9px;line-height:1.55}
.qris-webhook p code{color:#a5b4fc!important}
.qris-note{margin:0!important;color:#66738a!important;font-size:9px!important}
.qris-form .btn-primary{justify-self:start;border:0!important;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;padding:11px 17px!important;border-radius:10px!important;font-size:10px!important;font-weight:900!important;cursor:pointer;box-shadow:0 8px 24px rgba(79,70,229,.18)}
.qris-form .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:900px){.main{margin-left:0!important;width:100%!important;padding:20px 14px 40px!important}.qris-form{grid-template-columns:1fr}.qris-form label:nth-of-type(3),.qris-form .qris-webhook,.qris-form .qris-note,.qris-form button{grid-column:auto}.qris-webhook{align-items:flex-start;flex-direction:column}.qris-webhook p{max-width:none}.qris-topbar{align-items:flex-start;flex-direction:column}.qris-panel{padding:18px!important}}

/* BHASKARATECH PREMIUM UI v7 — legacy admin shell unified */
:root{--bg:#050914;--card:#0c1423;--text:#f5f7fb;--muted:#7f8ca4;--line:#202e47;--accent:#7c5cff;--accent2:#3b82f6;--green:#22c55e;--red:#ef4444}
body{background:radial-gradient(900px 500px at 80% -10%,rgba(124,92,255,.16),transparent 55%),radial-gradient(700px 450px at 10% 10%,rgba(59,130,246,.08),transparent 55%),#050914;color:var(--text)}
.app-main,.main{color:var(--text)}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.10)}.topbar h1{margin:7px 0 5px;font-size:34px;letter-spacing:-1.2px}.topbar p{margin:0;color:var(--muted);font-size:11px}.panel{background:linear-gradient(145deg,rgba(15,24,41,.98),rgba(8,14,25,.98))!important;color:#f5f7fb!important;border:1px solid rgba(148,163,184,.13)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)!important;padding:24px!important;margin-bottom:18px!important}.panel-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(148,163,184,.09)}.panel-head h3{color:#f5f7fb;margin:4px 0 5px;font-size:20px}.panel-head p{color:#7f8ca4;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel label{display:block;color:#b9c4d6;font-size:10px;font-weight:800;margin:0 0 7px}.panel input,.panel select,.panel textarea{width:100%;background:#080f1c!important;color:#f8fafc!important;border:1px solid #273650!important;border-radius:11px!important;padding:10px 12px;outline:0;font:500 11px Inter,system-ui,sans-serif;transition:.18s}.panel input,.panel select{height:44px}.panel textarea{min-height:110px;resize:vertical;line-height:1.55}.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#7c5cff!important;box-shadow:0 0 0 3px rgba(124,92,255,.11)!important}.btn,.btn-primary,.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 16px!important;border-radius:11px!important;border:1px solid transparent!important;background:linear-gradient(135deg,#7c5cff,#3b82f6)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;cursor:pointer;text-decoration:none;box-shadow:0 10px 28px rgba(76,63,190,.20);transition:.18s}.btn:hover,.btn-primary:hover,.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.outline-btn,.mini-btn{background:#0b1424!important;color:#c9d3e4!important;border:1px solid #2a3954!important;border-radius:11px!important}.table-scroll{border:1px solid rgba(148,163,184,.10);border-radius:13px;overflow:auto;background:#080f1a}.table-scroll table{color:#cbd5e1}.table-scroll th{background:#0b1422;color:#64738b;border-color:rgba(148,163,184,.09)}.table-scroll td{border-color:rgba(148,163,184,.09);font-size:10px}.toast{background:rgba(11,28,23,.96)!important;color:#b8f7d4!important;border:1px solid rgba(34,197,94,.24)!important;backdrop-filter:blur(14px)}.toast.error{background:rgba(47,15,25,.96)!important;color:#ffc2ce!important;border-color:rgba(244,63,94,.25)!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sidebar{box-shadow:18px 0 55px rgba(0,0,0,.22)!important}.sidebar nav a{transition:.18s}.sidebar nav a:hover{transform:translateX(2px)}
@media(max-width:900px){.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.panel{padding:18px!important}}