@import url("portal.css");
:root{--portal-side:262px}.portal-body{background:#f5f6f7;color:#17191c}.portal-sidebar{width:var(--portal-side);padding:0;background:linear-gradient(180deg,#0d0f12,#15181c);border-right:1px solid rgba(255,255,255,.06)}.portal-logo{width:auto;height:102px;margin:0;padding:22px 20px 16px;border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center}.portal-logo img{width:176px}.portal-profile{margin:14px 14px 8px;padding:11px 12px;border-radius:11px;background:#181c20;border-color:#2a2f34}.portal-profile>span{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff9321,#ff6200)}.portal-profile strong{font-size:9.5px}.portal-profile small{font-size:7.5px}.portal-sidebar nav{padding:6px 12px 12px;gap:2px;overflow:auto}.portal-sidebar nav a{min-height:39px;padding:0 11px;display:flex;align-items:center;border-radius:9px;color:#c4c9ce;font-size:10px}.portal-sidebar nav a:hover{background:#1d2126}.portal-sidebar nav a.active{background:linear-gradient(90deg,#ff6500,#ff821f);box-shadow:0 9px 24px rgba(255,105,0,.2);color:#fff}.portal-sidebar>form{margin:8px 14px 15px}.portal-sidebar>form button{border-color:#2a2f34;background:#171a1f}.portal-shell{margin-left:var(--portal-side)}.portal-top{height:72px;padding:0 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom-color:#e4e7ea}.portal-top>div{display:flex;align-items:center;gap:9px}.portal-top small{font-size:8px}.portal-top strong{font-size:10px}.portal-top>a{height:38px;padding:0 12px;border:1px solid #e3e6e8;border-radius:8px;display:inline-flex;align-items:center;background:#fff}.portal-main{max-width:1650px;padding:22px 24px 50px}.portal-head{min-height:70px;align-items:center;margin-bottom:14px}.portal-head span{font-size:8px}.portal-head h1{font-size:29px;margin:5px 0 4px}.portal-head p{font-size:10px}.portal-primary,.portal-secondary{border-radius:8px;padding:11px 14px;font-size:9px}.portal-stats{gap:10px;margin-bottom:12px}.portal-stats>div{border-radius:11px;padding:15px;border-color:#e3e6e8;box-shadow:none}.portal-stats span{font-size:8px}.portal-stats strong{font-size:28px}.portal-stats small{font-size:8px}.portal-grid{gap:10px}.portal-card,.portal-form-card{border-radius:11px;padding:16px;margin-bottom:10px;border-color:#e3e6e8;box-shadow:none}.portal-card-head{margin-bottom:11px}.portal-card-head h2,.form-section h2{font-size:14px}.portal-card-head span,.form-section>span{font-size:7.5px}.portal-card-head>a{font-size:8px}.portal-channel-list>a{grid-template-columns:64px 1fr auto;min-height:62px}.mini-cover{width:64px;border-radius:8px}.portal-channel-list strong{font-size:9.5px}.portal-channel-list small{font-size:8px}.portal-tv-card{border-radius:12px}.portal-card-grid{gap:10px}.portal-tv-card>div{padding:11px}.portal-empty{font-size:9px}.request-table strong{font-size:9.5px}.request-table small,.request-table p{font-size:8px}.stats-table>div{font-size:8px}.history-table strong{font-size:9.5px}.history-table small,.history-table time{font-size:8px}.portal-form-card{max-width:none}.form-section{margin-bottom:18px;padding-bottom:18px}.auth-page{background:radial-gradient(circle at 78% 16%,rgba(255,106,0,.15),transparent 26%),linear-gradient(180deg,#f8f9fa,#f3f4f5)}.auth-top{max-width:1280px}.auth-card{border-radius:18px;border-color:#e3e6e8;box-shadow:0 28px 70px rgba(24,27,31,.09)}.auth-card h1{font-size:32px}.auth-card>p{font-size:11px}
@media(max-width:1000px){:root{--portal-side:225px}.portal-sidebar{width:var(--portal-side)}.portal-shell{margin-left:var(--portal-side)}}
@media(max-width:760px){.portal-sidebar{position:static;width:100%;padding:0 12px 12px}.portal-logo{height:72px;padding:12px 2px;border-bottom:0}.portal-logo img{width:150px}.portal-profile{margin:0 0 9px}.portal-sidebar nav{padding:0;grid-template-columns:repeat(2,1fr)}.portal-sidebar nav a{justify-content:center}.portal-sidebar>form{margin:8px 0 0}.portal-shell{margin-left:0}.portal-main{padding:16px 12px 32px}.portal-head{align-items:flex-start}.portal-head h1{font-size:27px}.portal-stats,.portal-stats.four{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.portal-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.portal-sidebar nav{grid-template-columns:1fr 1fr}.portal-sidebar nav a{font-size:9px}.portal-stats,.portal-stats.four{grid-template-columns:1fr 1fr}.portal-stats>div{padding:13px}.portal-stats strong{font-size:23px}.portal-card-grid{grid-template-columns:1fr}.portal-head h1{font-size:25px}}
