:root{--red: #e3141b;--red-2: #ff3b3f;--red-dark: #b80f15;--red-soft: #fdecec;--red-grad: linear-gradient(135deg,#ff3a3f 0%,#e3141b 55%,#c10f15 100%);--bg: #f4f5f8;--card: #ffffff;--card-2: #f8f9fb;--border: #e9ebf0;--border-2: #dfe2e8;--text: #1b1f27;--text-2: #3f4652;--muted: #7a8190;--green: #16a34a;--green-soft: #e7f7ee;--orange: #f59e0b;--orange-soft: #fff4e0;--blue: #2563eb;--blue-soft: #e8efff;--purple: #7c3aed;--purple-soft: #f1eafe;--pink: #ec4899;--shadow-sm: 0 1px 2px rgba(17,24,39,.05);--shadow: 0 1px 3px rgba(17,24,39,.05),0 8px 24px rgba(17,24,39,.05);--shadow-lg: 0 12px 40px rgba(17,24,39,.14);--radius: 14px;--radius-sm: 10px;--sidebar: 248px;--font: "Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme: light}:root[data-theme="dark"]{--bg: #0f1218;--card: #171b23;--card-2: #1d222c;--border: #262c37;--border-2: #313846;--text: #eef1f6;--text-2: #c3c9d4;--muted: #8b93a3;--red-soft: rgba(227,20,27,.16);--green-soft: rgba(22,163,74,.16);--orange-soft: rgba(245,158,11,.16);--blue-soft: rgba(37,99,235,.18);--purple-soft: rgba(124,58,237,.18);--shadow: 0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);color-scheme: dark}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%}body{margin: 0;font-family: var(--font);font-size: 14px;line-height: 1.5;color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased}a{color: var(--red);text-decoration: none}a:hover{text-decoration: underline}img{max-width: 100%;height: auto;display: block}h1,h2,h3,h4{margin: 0 0 .4em;line-height: 1.2;color: var(--text);letter-spacing: -.01em}h1{font-size: 24px;font-weight: 800}h2{font-size: 18px;font-weight: 750}h3{font-size: 15px;font-weight: 700}p{margin: 0 0 .8em}hr{border: 0;border-top: 1px solid var(--border);margin: 18px 0}code,kbd{font-family: ui-monospace,"Cascadia Code",Consolas,monospace;font-size: .92em;background: var(--card-2);border: 1px solid var(--border);border-radius: 6px;padding: 1px 6px}:focus-visible{outline: 3px solid rgba(227,20,27,.35);outline-offset: 2px;border-radius: 6px}.icon{width: 18px;height: 18px;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;vertical-align: middle}.sr-only{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.muted{color: var(--muted)}.small{font-size: 12.5px}.nowrap{white-space: nowrap}.text-right{text-align: right}.text-center{text-align: center}.mt-0{margin-top: 0}.mb-0{margin-bottom: 0}.mt-2{margin-top: 8px}.mt-3{margin-top: 14px}.mt-4{margin-top: 22px}.mb-3{margin-bottom: 14px}.mb-4{margin-bottom: 22px}.row{display: flex;gap: 12px;align-items: center;flex-wrap: wrap}.row-between{display: flex;gap: 12px;align-items: center;justify-content: space-between;flex-wrap: wrap}.stack>* + *{margin-top: 12px}.grow{flex: 1 1 auto;min-width: 0}.adm{display: grid;grid-template-columns: var(--sidebar) minmax(0,1fr);min-height: 100vh}.adm-side{position: sticky;top: 0;height: 100vh;overflow-y: auto;background: var(--card);border-right: 1px solid var(--border);padding: 18px 12px 24px;display: flex;flex-direction: column;gap: 4px;z-index: 40;scrollbar-width: thin}.adm-logo{display: flex;align-items: center;gap: 10px;padding: 4px 10px 18px;color: var(--text);text-decoration: none !important}.adm-logo img{height: 40px;width: auto}.adm-logo-mark{width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;color: #fff;background: var(--red-grad);box-shadow: 0 6px 16px rgba(227,20,27,.35)}.adm-logo-mark .icon{width: 26px;height: 26px}.adm-logo strong{display: block;font-size: 17px;font-weight: 850;letter-spacing: -.01em;line-height: 1.05}.adm-logo strong b{color: var(--red)}.adm-logo small{display: block;font-size: 10.5px;letter-spacing: .18em;color: var(--muted);font-weight: 700;text-transform: uppercase}.nav-group{margin: 0;padding: 0;list-style: none}.nav-link{display: flex;align-items: center;gap: 11px;padding: 9px 12px;border-radius: 11px;color: var(--text-2);font-weight: 560;text-decoration: none !important;transition: background .15s,color .15s;position: relative}.nav-link:hover{background: var(--card-2);color: var(--text)}.nav-link .icon{width: 19px;height: 19px;color: var(--muted)}.nav-link.active{background: var(--red-grad);color: #fff;box-shadow: 0 8px 18px rgba(227,20,27,.28)}.nav-link.active .icon{color: #fff}.nav-badge{margin-left: auto;min-width: 20px;height: 20px;padding: 0 6px;border-radius: 10px;background: var(--red);color: #fff;font-size: 11px;font-weight: 700;display: grid;place-items: center}.nav-link.active .nav-badge{background: rgba(255,255,255,.25)}.nav-caret{margin-left: auto;transition: transform .2s;width: 16px !important;height: 16px !important}details.nav-sub>summary{list-style: none;cursor: pointer}details.nav-sub>summary::-webkit-details-marker{display: none}details.nav-sub[open]>summary .nav-caret{transform: rotate(180deg)}.nav-sub-items{padding: 2px 0 6px 30px;display: grid;gap: 1px}.nav-sub-items a{padding: 7px 12px;border-radius: 9px;color: var(--text-2);font-size: 13.5px;text-decoration: none}.nav-sub-items a:hover{background: var(--card-2)}.nav-sub-items a.active{color: var(--red);font-weight: 700;background: var(--red-soft)}.side-foot{margin-top: auto;padding: 14px 10px 0;font-size: 12px;color: var(--muted)}.adm-main{min-width: 0;display: flex;flex-direction: column}.adm-top{position: sticky;top: 0;z-index: 30;display: flex;align-items: center;gap: 14px;padding: 14px 28px;background: color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter: blur(10px);border-bottom: 1px solid transparent}.adm-top.scrolled{border-bottom-color: var(--border)}.adm-title{min-width: 0}.adm-title h1{font-size: 22px;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.adm-title p{margin: 2px 0 0;color: var(--muted);font-size: 13px}.adm-top-actions{margin-left: auto;display: flex;align-items: center;gap: 10px}.status-pill{display: inline-flex;align-items: center;gap: 8px;padding: 7px 12px;border-radius: 999px;background: var(--green-soft);color: var(--green);font-weight: 650;font-size: 12.5px;white-space: nowrap}.status-pill.warn{background: var(--orange-soft);color: #b45309}.status-pill.bad{background: var(--red-soft);color: var(--red)}.dot{width: 8px;height: 8px;border-radius: 50%;background: currentColor;display: inline-block;flex: none}.dot.pulse{box-shadow: 0 0 0 0 currentColor;animation: pulse 1.8s infinite}@keyframes pulse{0%{box-shadow: 0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow: 0 0 0 8px rgba(22,163,74,0)}100%{box-shadow: 0 0 0 0 rgba(22,163,74,0)}}.icon-btn{position: relative;width: 40px;height: 40px;border-radius: 12px;border: 1px solid var(--border);background: var(--card);display: grid;place-items: center;color: var(--text-2);cursor: pointer;transition: border-color .15s,color .15s}.icon-btn:hover{border-color: var(--border-2);color: var(--text)}.icon-btn .count{position: absolute;top: -6px;right: -6px;min-width: 19px;height: 19px;padding: 0 5px;border-radius: 10px;background: var(--red);color: #fff;font-size: 11px;font-weight: 750;display: grid;place-items: center;border: 2px solid var(--bg)}.user-chip{display: flex;align-items: center;gap: 10px;padding: 4px 10px 4px 4px;border-radius: 999px;border: 1px solid var(--border);background: var(--card);cursor: pointer;color: var(--text)}.avatar{width: 34px;height: 34px;border-radius: 50%;display: grid;place-items: center;background: var(--red-grad);color: #fff;font-weight: 800;font-size: 13px;flex: none}.avatar.lg{width: 44px;height: 44px;font-size: 15px}.user-chip strong{display: block;font-size: 13px;line-height: 1.15}.user-chip small{display: block;font-size: 11.5px;color: var(--muted)}.adm-content{padding: 6px 28px 40px;flex: 1}.menu-toggle{display: none}.adm-backdrop{display: none}.dropdown{position: relative}.dropdown-menu{position: absolute;right: 0;top: calc(100% + 8px);min-width: 240px;background: var(--card);border: 1px solid var(--border);border-radius: 14px;box-shadow: var(--shadow-lg);padding: 8px;z-index: 60;display: none}.dropdown.open .dropdown-menu{display: block}.dropdown-menu a,.dropdown-menu button{display: flex;width: 100%;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 10px;color: var(--text-2);text-decoration: none;background: none;border: 0;font: inherit;cursor: pointer;text-align: left}.dropdown-menu a:hover,.dropdown-menu button:hover{background: var(--card-2);color: var(--text)}.dropdown-menu .sep{height: 1px;background: var(--border);margin: 6px 0}.notif-item{align-items: flex-start !important}.notif-item small{display: block;color: var(--muted)}.card{background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-sm);padding: 18px 20px;min-width: 0}.card + .card{margin-top: 18px}.card-head{display: flex;align-items: center;gap: 10px;margin: -2px 0 14px;flex-wrap: wrap}.card-head h2,.card-head h3{margin: 0;display: flex;align-items: center;gap: 9px;font-size: 16px}.card-head h2 .icon,.card-head h3 .icon{color: var(--red);width: 20px;height: 20px}.card-head .sub{color: var(--muted);font-weight: 500;font-size: 13px}.card-head .actions{margin-left: auto;display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.card.flush{padding: 0;overflow: hidden}.card.flush .card-head{padding: 16px 20px 0}.grid{display: grid;gap: 18px}.grid-2{grid-template-columns: repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns: repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns: repeat(4,minmax(0,1fr))}.grid-main{grid-template-columns: minmax(0,1fr) 340px;align-items: start}.grid-editor{grid-template-columns: minmax(0,1fr) 320px;align-items: start}.span-2{grid-column: span 2}.kpis{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 14px;margin-bottom: 18px}.kpi{display: flex;gap: 12px;align-items: center;background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px;box-shadow: var(--shadow-sm);min-width: 0;text-decoration: none !important;color: inherit}.kpi-icon{width: 46px;height: 46px;border-radius: 13px;display: grid;place-items: center;color: #fff;flex: none}.kpi-icon .icon{width: 24px;height: 24px}.kpi-icon.red{background: linear-gradient(135deg,#ff4d52,#e3141b)}.kpi-icon.purple{background: linear-gradient(135deg,#a78bfa,#7c3aed)}.kpi-icon.green{background: linear-gradient(135deg,#34d399,#16a34a)}.kpi-icon.blue{background: linear-gradient(135deg,#60a5fa,#2563eb)}.kpi-icon.orange{background: linear-gradient(135deg,#fbbf24,#f59e0b)}.kpi-icon.pink{background: linear-gradient(135deg,#f472b6,#db2777)}.kpi-icon.slate{background: linear-gradient(135deg,#94a3b8,#475569)}.kpi strong{display: block;font-size: 21px;font-weight: 800;line-height: 1.1;letter-spacing: -.02em;white-space: nowrap}.kpi span{display: block;color: var(--muted);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.kpi em{font-style: normal;font-size: 11.5px;font-weight: 700;color: var(--green)}.kpi em.down{color: var(--red)}.kpi>div{min-width: 0}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 38px;padding: 8px 15px;border-radius: 11px;border: 1px solid var(--border-2);background: var(--card);color: var(--text);font: 600 13.5px/1.2 var(--font);cursor: pointer;text-decoration: none !important;white-space: nowrap;transition: transform .08s,box-shadow .15s,background .15s,border-color .15s}.btn:hover{border-color: var(--muted)}.btn:active{transform: translateY(1px)}.btn .icon{width: 17px;height: 17px}.btn-primary{background: var(--red-grad);border-color: transparent;color: #fff;box-shadow: 0 6px 16px rgba(227,20,27,.25)}.btn-primary:hover{box-shadow: 0 8px 22px rgba(227,20,27,.35);border-color: transparent}.btn-success{background: var(--green);border-color: var(--green);color: #fff}.btn-soft{background: var(--red-soft);border-color: transparent;color: var(--red)}.btn-ghost{background: transparent;border-color: transparent;color: var(--text-2)}.btn-ghost:hover{background: var(--card-2)}.btn-danger{background: var(--card);color: var(--red);border-color: color-mix(in srgb,var(--red) 35%,transparent)}.btn-danger:hover{background: var(--red-soft);border-color: var(--red)}.btn-sm{min-height: 31px;padding: 5px 11px;font-size: 12.5px;border-radius: 9px}.btn-lg{min-height: 46px;padding: 11px 22px;font-size: 15px;border-radius: 13px}.btn-block{width: 100%}.btn[disabled],.btn.disabled{opacity: .55;pointer-events: none}.btn-icon{width: 34px;padding: 0}.btn-group{display: inline-flex;gap: 6px;flex-wrap: wrap}.form-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px 18px}.form-grid .full{grid-column: 1 / -1}.field{display: grid;gap: 6px;min-width: 0}.field>label,.label{font-weight: 650;font-size: 13px;color: var(--text)}.field .hint,.hint{color: var(--muted);font-size: 12px}.req{color: var(--red)}.input,.select,.textarea,input:not([type]),input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=search],input[type=datetime-local],input[type=date],input[type=time],input[type=tel],select,textarea{width: 100%;min-height: 40px;padding: 9px 12px;border: 1px solid var(--border-2);border-radius: 11px;background: var(--card);color: var(--text);font: 14px/1.4 var(--font);transition: border-color .15s,box-shadow .15s}textarea{min-height: 90px;resize: vertical}input:focus,select:focus,textarea:focus{outline: none;border-color: var(--red);box-shadow: 0 0 0 4px rgba(227,20,27,.1)}input[type=color]{width: 44px;height: 40px;padding: 3px;border: 1px solid var(--border-2);border-radius: 10px;background: var(--card);cursor: pointer}.input-group{display: flex;align-items: stretch}.input-group>input{border-top-right-radius: 0;border-bottom-right-radius: 0}.input-group>.btn{border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -1px}.input-group>.input-addon{display: inline-flex;align-items: center;padding: 0 10px;border: 1px solid var(--border);border-right: 0;border-radius: 10px 0 0 10px;background: var(--card-2,#f3f4f6);color: var(--muted);font-size: 13px;white-space: nowrap;max-width: 55%;overflow: hidden;text-overflow: ellipsis}.input-group>.input-addon + input{border-top-left-radius: 0;border-bottom-left-radius: 0}.input-icon{position: relative}.input-icon .icon{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: var(--muted);pointer-events: none}.input-icon input{padding-left: 38px}.check{display: inline-flex;align-items: center;gap: 9px;cursor: pointer;font-weight: 500}.check input{width: 17px;height: 17px;accent-color: var(--red)}.switch{position: relative;display: inline-flex;align-items: center;gap: 10px;cursor: pointer;font-weight: 550}.switch input{position: absolute;opacity: 0;width: 1px;height: 1px}.switch .track{width: 42px;height: 24px;border-radius: 12px;background: var(--border-2);position: relative;transition: background .2s;flex: none}.switch .track::after{content: "";position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2);transition: transform .2s}.switch input:checked + .track{background: var(--red)}.switch input:checked + .track::after{transform: translateX(18px)}.switch input:focus-visible + .track{outline: 3px solid rgba(227,20,27,.35);outline-offset: 2px}.form-actions{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;margin-top: 18px}.fieldset{border: 1px solid var(--border);border-radius: 12px;padding: 14px 16px}.fieldset legend{font-weight: 700;padding: 0 6px}details.panel{border: 1px solid var(--border);border-radius: 12px;background: var(--card)}details.panel + details.panel{margin-top: 10px}details.panel>summary{padding: 12px 14px;cursor: pointer;font-weight: 700;display: flex;align-items: center;gap: 8px;list-style: none}details.panel>summary::-webkit-details-marker{display: none}details.panel>summary::after{content: "";margin-left: auto;width: 8px;height: 8px;border-right: 2px solid var(--muted);border-bottom: 2px solid var(--muted);transform: rotate(45deg);transition: transform .2s}details.panel[open]>summary::after{transform: rotate(-135deg)}details.panel>.panel-body{padding: 0 14px 14px;display: grid;gap: 12px}.counter{font-size: 11.5px;color: var(--muted);text-align: right}.counter.over{color: var(--red);font-weight: 700}.table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}table.table{width: 100%;border-collapse: collapse}.table th{text-align: left;font-size: 11.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--muted);font-weight: 700;padding: 10px 12px;border-bottom: 1px solid var(--border);white-space: nowrap}.table td{padding: 11px 12px;border-bottom: 1px solid var(--border);vertical-align: middle}.table tr:last-child td{border-bottom: 0}.table tbody tr:hover td{background: var(--card-2)}.table .title-cell a{font-weight: 650;color: var(--text)}.table .title-cell small{display: block;color: var(--muted)}.table .thumb{width: 52px;height: 40px;border-radius: 8px;object-fit: cover;background: var(--card-2)}.table-actions{display: flex;gap: 6px;justify-content: flex-end;flex-wrap: nowrap}.badge{display: inline-flex;align-items: center;gap: 5px;padding: 3px 9px;border-radius: 999px;font-size: 11.5px;font-weight: 700;background: var(--card-2);color: var(--text-2);border: 1px solid var(--border);white-space: nowrap}.badge.green{background: var(--green-soft);color: var(--green);border-color: transparent}.badge.red{background: var(--red-soft);color: var(--red);border-color: transparent}.badge.orange{background: var(--orange-soft);color: #b45309;border-color: transparent}.badge.blue{background: var(--blue-soft);color: var(--blue);border-color: transparent}.badge.purple{background: var(--purple-soft);color: var(--purple);border-color: transparent}.badge.live{background: var(--red-grad);color: #fff;border: 0}.tabs{display: flex;gap: 6px;flex-wrap: wrap;margin-bottom: 16px}.tab{padding: 8px 14px;border-radius: 10px;color: var(--text-2);font-weight: 600;font-size: 13.5px;text-decoration: none !important;border: 1px solid var(--border);background: var(--card);display: inline-flex;gap: 8px;align-items: center}.tab .n{color: var(--muted);font-weight: 600}.tab.active{background: var(--red-grad);color: #fff;border-color: transparent}.tab.active .n{color: rgba(255,255,255,.8)}.toolbar{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;margin-bottom: 14px}.toolbar .input-icon{flex: 1 1 260px;max-width: 420px}.alert{display: flex;gap: 10px;align-items: flex-start;padding: 12px 14px;border-radius: 12px;margin-bottom: 14px;border: 1px solid transparent;font-weight: 500}.alert .icon{margin-top: 1px}.alert-success{background: var(--green-soft);color: #166534}.alert-error{background: var(--red-soft);color: #991b1b}.alert-warning{background: var(--orange-soft);color: #92400e}.alert-info{background: var(--blue-soft);color: #1e40af}:root[data-theme="dark"] .alert-success{color: #86efac}:root[data-theme="dark"] .alert-error{color: #fca5a5}:root[data-theme="dark"] .alert-warning{color: #fcd34d}:root[data-theme="dark"] .alert-info{color: #93c5fd}.toast-wrap{position: fixed;right: 20px;bottom: 20px;z-index: 200;display: grid;gap: 10px}.toast{background: var(--text);color: var(--card);padding: 12px 16px;border-radius: 12px;box-shadow: var(--shadow-lg);font-weight: 600;max-width: 380px;animation: toastIn .25s ease-out}.toast.error{background: var(--red);color: #fff}.toast.success{background: var(--green);color: #fff}@keyframes toastIn{from{transform: translateY(10px);opacity: 0}}.empty{text-align: center;padding: 36px 16px;color: var(--muted)}.empty .icon{width: 42px;height: 42px;color: var(--border-2);margin: 0 auto 10px;display: block}.empty strong{display: block;color: var(--text);font-size: 15px;margin-bottom: 4px}.pagination{display: flex;gap: 6px;justify-content: center;margin-top: 18px;flex-wrap: wrap}.pagination a,.pagination span{min-width: 36px;height: 36px;padding: 0 10px;border-radius: 10px;display: grid;place-items: center;border: 1px solid var(--border);background: var(--card);color: var(--text-2);font-weight: 650;text-decoration: none}.pagination .current{background: var(--red-grad);color: #fff;border-color: transparent}.list{list-style: none;margin: 0;padding: 0}.list>li{display: flex;gap: 12px;align-items: center;padding: 10px 0;border-bottom: 1px solid var(--border);min-width: 0}.list>li:last-child{border-bottom: 0}.list .meta{color: var(--muted);font-size: 12px}.list .grow strong{display: block;font-size: 13.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.list .grow small{display: block;color: var(--muted);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.list .time{color: var(--muted);font-size: 12px;font-variant-numeric: tabular-nums;flex: none}.quick{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.quick a,.quick button{border: 0;border-radius: 13px;padding: 14px 8px;color: #fff;font: 650 12.5px var(--font);text-align: center;display: grid;justify-items: center;gap: 8px;cursor: pointer;text-decoration: none !important;min-height: 84px;align-content: center;transition: transform .12s,filter .15s}.quick a:hover,.quick button:hover{transform: translateY(-2px);filter: brightness(1.05)}.quick .icon{width: 24px;height: 24px}.q-green{background: linear-gradient(135deg,#22c55e,#16a34a)}.q-red{background: linear-gradient(135deg,#ff4d52,#e3141b)}.q-purple{background: linear-gradient(135deg,#a78bfa,#7c3aed)}.q-blue{background: linear-gradient(135deg,#60a5fa,#2563eb)}.q-orange{background: linear-gradient(135deg,#fbbf24,#f59e0b)}.q-slate{background: linear-gradient(135deg,#64748b,#334155)}.q-pink{background: linear-gradient(135deg,#f472b6,#db2777)}.q-dark{background: linear-gradient(135deg,#ef4444,#991b1b)}.live-card{display: grid;grid-template-columns: 190px minmax(0,1fr) 250px;gap: 20px;align-items: stretch}.live-cover{border-radius: 14px;overflow: hidden;background: #111;aspect-ratio: 1;position: relative}.live-cover img{width: 100%;height: 100%;object-fit: cover}.live-now small{color: var(--muted)}.live-now h3{font-size: 21px;margin: 2px 0;font-weight: 800}.live-tech{display: flex;gap: 18px;flex-wrap: wrap;margin: 12px 0;color: var(--text-2);font-size: 12.5px}.live-tech b{display: block;color: var(--text);font-size: 13.5px}.live-controls{display: flex;align-items: center;gap: 14px}.play-big{width: 54px;height: 54px;border-radius: 50%;border: 0;background: var(--red-grad);color: #fff;display: grid;place-items: center;cursor: pointer;box-shadow: 0 8px 20px rgba(227,20,27,.35);flex: none}.play-big .icon{width: 22px;height: 22px}input[type=range]{accent-color: var(--red);width: 100%;min-height: auto;padding: 0;border: 0;background: none;box-shadow: none}.stream-status{background: var(--card-2);border: 1px solid var(--border);border-radius: 12px;padding: 14px;display: grid;gap: 8px;font-size: 13px;align-content: start}.stream-status .kv{display: flex;justify-content: space-between;gap: 10px}.stream-status .kv span{color: var(--muted)}.stream-status .kv b{font-weight: 650;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.vu{display: flex;gap: 3px;align-items: flex-end;height: 32px}.vu i{width: 4px;border-radius: 2px;background: var(--red);opacity: .85;height: 20%;transition: height .12s}.media-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 12px}.media-item{position: relative;border-radius: 12px;overflow: hidden;border: 2px solid transparent;background: var(--card-2);cursor: pointer;aspect-ratio: 1;display: grid;place-items: center}.media-item img{width: 100%;height: 100%;object-fit: cover}.media-item .file-ext{font-weight: 800;color: var(--muted);font-size: 18px}.media-item .media-name{position: absolute;left: 0;right: 0;bottom: 0;padding: 18px 8px 6px;background: linear-gradient(transparent,rgba(0,0,0,.65));color: #fff;font-size: 11.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;transition: opacity .15s}.media-item:hover .media-name,.media-item.selected .media-name{opacity: 1}.media-item.selected{border-color: var(--red);box-shadow: 0 0 0 3px rgba(227,20,27,.2)}.media-item .media-check{position: absolute;top: 8px;right: 8px;width: 24px;height: 24px;border-radius: 50%;background: var(--red);color: #fff;display: none;place-items: center}.media-item.selected .media-check{display: grid}.dropzone{border: 2px dashed var(--border-2);border-radius: 14px;padding: 26px;text-align: center;color: var(--muted);transition: border-color .15s,background .15s;cursor: pointer}.dropzone.drag{border-color: var(--red);background: var(--red-soft);color: var(--red)}.dropzone .icon{width: 34px;height: 34px;margin: 0 auto 6px;display: block;color: var(--red)}.upload-progress{height: 6px;border-radius: 3px;background: var(--border);overflow: hidden;margin-top: 10px}.upload-progress i{display: block;height: 100%;width: 0;background: var(--red-grad);transition: width .2s}.media-pick{display: flex;gap: 12px;align-items: center}.media-pick .preview{width: 96px;height: 72px;border-radius: 10px;background: var(--card-2);border: 1px dashed var(--border-2);overflow: hidden;display: grid;place-items: center;color: var(--muted);flex: none}.media-pick .preview img{width: 100%;height: 100%;object-fit: cover}.media-pick.wide .preview{width: 100%;height: 160px}.modal{position: fixed;inset: 0;z-index: 150;display: none;align-items: center;justify-content: center;padding: 20px;background: rgba(10,12,16,.55);backdrop-filter: blur(3px)}.modal.open{display: flex}.modal-box{background: var(--card);border-radius: 18px;box-shadow: var(--shadow-lg);width: min(980px,100%);max-height: calc(100vh - 40px);display: flex;flex-direction: column;overflow: hidden}.modal-box.sm{width: min(520px,100%)}.modal-head{display: flex;align-items: center;gap: 10px;padding: 16px 20px;border-bottom: 1px solid var(--border)}.modal-head h2{margin: 0;font-size: 17px}.modal-head .icon-btn{margin-left: auto}.modal-body{padding: 18px 20px;overflow-y: auto}.modal-foot{padding: 14px 20px;border-top: 1px solid var(--border);display: flex;gap: 10px;justify-content: flex-end;flex-wrap: wrap}.chart{width: 100%;height: 220px;display: block}.chart text{fill: var(--muted);font-size: 11px;font-family: var(--font)}.chart .grid-line{stroke: var(--border);stroke-width: 1}.legend{display: flex;gap: 14px;flex-wrap: wrap;font-size: 12.5px;color: var(--text-2)}.legend i{width: 10px;height: 10px;border-radius: 50%;display: inline-block;margin-right: 6px;vertical-align: -1px}.gauges{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;text-align: center}.gauge{display: grid;justify-items: center;gap: 6px;font-size: 12px;color: var(--muted)}.gauge svg{width: 68px;height: 68px}.gauge .val{font-size: 17px;font-weight: 800;fill: var(--text);font-family: var(--font)}.bar-list{display: grid;gap: 10px}.bar-row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 4px 10px;font-size: 13px}.bar-row .bar{grid-column: 1 / -1;height: 6px;border-radius: 3px;background: var(--card-2);overflow: hidden}.bar-row .bar i{display: block;height: 100%;background: var(--red-grad);border-radius: 3px}.bar-row span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.sortable-item{cursor: default}.drag-handle{cursor: grab;color: var(--muted);display: grid;place-items: center;padding: 4px;border-radius: 6px;touch-action: none;user-select: none;-webkit-user-select: none}body.is-sorting,body.is-sorting *{cursor: grabbing !important;user-select: none !important;-webkit-user-select: none !important}.drag-handle:hover{background: var(--card-2);color: var(--text)}.sortable-item.dragging{opacity: .5}.sortable-item.drag-over{box-shadow: inset 0 3px 0 var(--red)}.sections{display: grid;gap: 10px}.section-row{display: flex;align-items: center;gap: 12px;padding: 12px 14px;background: var(--card);border: 1px solid var(--border);border-radius: 12px}.section-row.off{opacity: .6}.section-row .s-icon{width: 38px;height: 38px;border-radius: 10px;background: var(--red-soft);color: var(--red);display: grid;place-items: center;flex: none}.section-row .s-title{font-weight: 700}.section-row .s-meta{color: var(--muted);font-size: 12px}.editor{border: 1px solid var(--border-2);border-radius: 13px;background: var(--card);overflow: hidden}.editor-toolbar{display: flex;flex-wrap: wrap;gap: 2px;padding: 6px;border-bottom: 1px solid var(--border);background: var(--card-2);position: sticky;top: 68px;z-index: 5}.editor-toolbar .sep{width: 1px;background: var(--border-2);margin: 4px 4px}.editor-toolbar button,.editor-toolbar select{height: 34px;min-width: 34px;padding: 0 8px;border: 0;border-radius: 8px;background: transparent;color: var(--text-2);cursor: pointer;display: inline-grid;place-items: center;font: 600 13px var(--font)}.editor-toolbar select{min-height: 34px;width: auto;padding-right: 26px;border: 1px solid var(--border);background-color: var(--card)}.editor-toolbar button:hover{background: var(--card);color: var(--text)}.editor-toolbar button.on{background: var(--red-soft);color: var(--red)}.editor-toolbar .icon{width: 17px;height: 17px}.editor-area{min-height: 420px;padding: 20px 24px;outline: none;font-size: 16px;line-height: 1.7;color: var(--text)}.editor-area:empty::before{content: attr(data-placeholder);color: var(--muted)}.editor-area h2{font-size: 24px;margin: 1em 0 .4em}.editor-area h3{font-size: 20px;margin: 1em 0 .4em}.editor-area h4{font-size: 17px;margin: 1em 0 .4em}.editor-area p{margin: 0 0 1em}.editor-area img{border-radius: 10px;margin: 8px 0}.editor-area img.selected-img{outline: 3px solid var(--red)}.editor-area blockquote{margin: 1em 0;padding: 12px 18px;border-left: 4px solid var(--red);background: var(--red-soft);border-radius: 0 10px 10px 0}.editor-area table{border-collapse: collapse;width: 100%;margin: 1em 0}.editor-area td,.editor-area th{border: 1px solid var(--border-2);padding: 8px 10px;min-width: 60px}.editor-area th{background: var(--card-2)}.editor-area figure{margin: 1em 0}.editor-area figcaption{color: var(--muted);font-size: 13px;text-align: center;margin-top: 4px}.editor-area .callout{padding: 14px 18px;border-radius: 12px;background: var(--blue-soft);border-left: 4px solid var(--blue);margin: 1em 0}.editor-area .callout-warning{background: var(--orange-soft);border-color: var(--orange)}.editor-area .callout-success{background: var(--green-soft);border-color: var(--green)}.editor-area .callout-danger{background: var(--red-soft);border-color: var(--red)}.editor-area .cms-button{display: inline-block;background: var(--red-grad);color: #fff;padding: 10px 20px;border-radius: 12px;font-weight: 700;text-decoration: none}.editor-area .cms-gallery{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.editor-area .cms-gallery figure{margin: 0}.editor-area .cms-gallery img{margin: 0;aspect-ratio: 4/3;object-fit: cover;width: 100%}.editor-area [data-embed]{position: relative;background: #111;color: #fff;border-radius: 12px;padding: 34px 18px;text-align: center;font-weight: 700;user-select: none}.editor-area [data-embed]::before{content: "▶ " attr(data-embed) " — " attr(data-src);font-size: 13px;opacity: .9;word-break: break-all}.editor-area [data-embed="audio"]::before{content: "♫ Audio — " attr(data-src)}.editor-area .shortcode{display: inline-block;padding: 3px 9px;border-radius: 7px;background: var(--purple-soft);color: var(--purple);font-family: ui-monospace,monospace;font-size: 13px}.editor-source{width: 100%;min-height: 420px;border: 0;border-radius: 0;font: 13px/1.6 ui-monospace,Consolas,monospace;padding: 16px;display: none}.editor.source .editor-area{display: none}.editor.source .editor-source{display: block}.editor-status{display: flex;justify-content: space-between;gap: 10px;padding: 7px 12px;border-top: 1px solid var(--border);color: var(--muted);font-size: 12px;background: var(--card-2)}.title-input{font-size: 24px !important;font-weight: 800;min-height: 54px !important;letter-spacing: -.01em}.slug-row{display: flex;align-items: center;gap: 8px;color: var(--muted);font-size: 13px;flex-wrap: wrap}.slug-row input{flex: 1 1 200px;min-height: 32px;padding: 5px 10px;font-size: 13px}.serp{border: 1px solid var(--border);border-radius: 12px;padding: 12px 14px;background: var(--card)}.serp .s-url{color: #188038;font-size: 12.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.serp .s-title{color: #1a0dab;font-size: 17px;line-height: 1.3;margin: 2px 0}.serp .s-desc{color: #4d5156;font-size: 13px}:root[data-theme="dark"] .serp .s-title{color: #8ab4f8}:root[data-theme="dark"] .serp .s-desc{color: #bdc1c6}.og-card{border: 1px solid var(--border);border-radius: 12px;overflow: hidden;background: var(--card-2)}.og-card .og-img{aspect-ratio: 1.91/1;background: var(--border) center/cover}.og-card .og-body{padding: 10px 12px}.og-card .og-host{font-size: 11.5px;text-transform: uppercase;color: var(--muted)}.og-card .og-title{font-weight: 700;margin: 2px 0}.og-card .og-desc{font-size: 12.5px;color: var(--muted)}.term-list{max-height: 220px;overflow: auto;display: grid;gap: 6px;padding: 2px}.chips{display: flex;flex-wrap: wrap;gap: 6px}.chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;background: var(--card-2);border: 1px solid var(--border);font-size: 12.5px}.day-block{border: 1px solid var(--border);border-radius: 12px;overflow: hidden}.day-block + .day-block{margin-top: 10px}.day-block>summary{padding: 12px 14px;font-weight: 750;cursor: pointer;display: flex;align-items: center;gap: 10px;background: var(--card-2);list-style: none}.day-block>summary::-webkit-details-marker{display: none}.slot{display: grid;grid-template-columns: 110px 54px minmax(0,1fr) auto;gap: 12px;align-items: center;padding: 10px 14px;border-top: 1px solid var(--border)}.slot.now{background: var(--red-soft)}.slot-time{font-weight: 700;font-variant-numeric: tabular-nums}.slot-img{width: 46px;height: 46px;border-radius: 10px;object-fit: cover;background: var(--card-2);display: grid;place-items: center;color: var(--muted)}.auth{min-height: 100vh;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);background: var(--bg)}.auth-art{position: relative;background: #0f0f14 center/cover;color: #fff;padding: 48px;display: flex;flex-direction: column;justify-content: flex-end;overflow: hidden}.auth-art::before{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(15,15,20,.15),rgba(15,15,20,.85))}.auth-art>*{position: relative}.auth-art h2{color: #fff;font-size: 34px;font-weight: 850;letter-spacing: -.02em;max-width: 460px}.auth-art h2 em{font-style: normal;color: #ff3b3f}.auth-art p{color: rgba(255,255,255,.8);max-width: 440px}.auth-panel{display: flex;align-items: center;justify-content: center;padding: 32px 20px}.auth-box{width: min(420px,100%)}.auth-box .adm-logo{justify-content: center;padding-bottom: 24px}.auth-box h1{text-align: center;font-size: 22px}.auth-box>p{text-align: center;color: var(--muted)}.install-wrap{max-width: 920px;margin: 0 auto;padding: 32px 20px 60px}.install-head{display: flex;align-items: center;gap: 14px;margin-bottom: 22px}.install-head h1{margin: 0}.steps{display: flex;gap: 8px;margin: 0 0 18px;padding: 0;list-style: none;flex-wrap: wrap}.steps li{display: flex;align-items: center;gap: 8px;padding: 7px 12px;border-radius: 999px;background: var(--card);border: 1px solid var(--border);font-weight: 600;font-size: 13px;color: var(--muted)}.steps li b{width: 22px;height: 22px;border-radius: 50%;display: grid;place-items: center;background: var(--card-2);color: var(--text-2);font-size: 12px}.steps li.done b{background: var(--green);color: #fff}.req-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px 18px}.req-list li{display: flex;gap: 8px;align-items: center;font-size: 13px;padding: 5px 0}.req-list .ok{color: var(--green)}.req-list .bad{color: var(--red)}.req-list .warn{color: var(--orange)}.req-list small{color: var(--muted);margin-left: auto;text-align: right}.success-hero{text-align: center;padding: 26px 10px}.success-hero .big-check{width: 76px;height: 76px;border-radius: 50%;background: var(--green-soft);color: var(--green);display: grid;place-items: center;margin: 0 auto 14px}.success-hero .big-check .icon{width: 40px;height: 40px}.spinner{width: 18px;height: 18px;border-radius: 50%;border: 2.5px solid rgba(255,255,255,.45);border-top-color: #fff;animation: spin .8s linear infinite;display: inline-block}@keyframes spin{to{transform: rotate(360deg)}}.log-box{background: #0d1117;color: #c9d1d9;border-radius: 12px;padding: 14px 16px;font: 12.5px/1.6 ui-monospace,Consolas,monospace;max-height: 360px;overflow: auto;white-space: pre-wrap}.health-group h3{margin: 18px 0 8px;font-size: 13px;text-transform: uppercase;letter-spacing: .06em;color: var(--muted)}.health-row{display: grid;grid-template-columns: 26px minmax(0,220px) minmax(0,1fr);gap: 10px;padding: 9px 0;border-bottom: 1px solid var(--border);align-items: center}.health-row .icon.ok{color: var(--green)}.health-row .icon.warn{color: var(--orange)}.health-row .icon.fail{color: var(--red)}@media (max-width: 1500px){.kpis{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 1280px){.live-card{grid-template-columns: 150px minmax(0,1fr)}.live-card .stream-status{grid-column: 1 / -1}.grid-main,.grid-editor{grid-template-columns: minmax(0,1fr)}.grid-4{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.adm{grid-template-columns: minmax(0,1fr)}.adm-side{position: fixed;left: 0;top: 0;bottom: 0;width: 280px;transform: translateX(-102%);transition: transform .25s;box-shadow: var(--shadow-lg)}body.nav-open .adm-side{transform: none}body.nav-open .adm-backdrop{display: block;position: fixed;inset: 0;background: rgba(0,0,0,.45);z-index: 35}.menu-toggle{display: grid}.adm-top{padding: 12px 16px}.adm-content{padding: 4px 16px 32px}.grid-3{grid-template-columns: repeat(2,minmax(0,1fr))}.auth{grid-template-columns: minmax(0,1fr)}.auth-art{display: none}.editor-toolbar{top: 64px}}@media (max-width: 760px){.kpis{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.kpi{padding: 12px}.kpi-icon{width: 40px;height: 40px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns: minmax(0,1fr)}.span-2{grid-column: auto}.quick{grid-template-columns: repeat(2,minmax(0,1fr))}.live-card{grid-template-columns: minmax(0,1fr)}.live-cover{max-width: 220px}.adm-title p,.status-pill .txt,.user-chip .who,.hide-sm{display: none}.status-pill{padding: 8px}.adm-title h1{font-size: 18px}.req-list{grid-template-columns: minmax(0,1fr)}.slot{grid-template-columns: 90px minmax(0,1fr) auto}.slot .slot-img{display: none}.gauges{grid-template-columns: repeat(2,minmax(0,1fr))}.health-row{grid-template-columns: 26px minmax(0,1fr)}.health-row>:last-child{grid-column: 2;color: var(--muted);font-size: 12.5px}.table.responsive thead{display: none}.table.responsive tr{display: block;border-bottom: 1px solid var(--border);padding: 8px 0}.table.responsive td{display: flex;justify-content: space-between;gap: 10px;border: 0;padding: 5px 4px}.table.responsive td::before{content: attr(data-label);color: var(--muted);font-size: 12px;font-weight: 600}.table.responsive td.title-cell{display: block}.table.responsive td.title-cell::before{display: none}.table-actions{justify-content: flex-start}.modal{padding: 0;align-items: flex-end}.modal-box{border-radius: 18px 18px 0 0;max-height: 92vh;max-height: 92dvh}.card{padding: 15px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}}.play-big .i-pause{display: none}body.playing .play-big .i-pause{display: block}body.playing .play-big .i-play{display: none}.dropdown-menu form{margin: 0}.chart-wrap .legend span{display: inline-flex;align-items: center}