@font-face{font-family:'FS Admin Molot';src:url('/school_footbal/static/fonts/molot-cyrillic-20261011.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
/* Presentation only. Scoped to the existing administrator dashboard. */
body.admin-redesign:has(.ad-dashboard){--ad-orange:#d7bd82;--ad-line:#d7cdb5;--ad-muted:#5b747d}
html body.admin-redesign:has(.ad-dashboard) .main-content{background:#eaf0f2}
html body.admin-redesign:has(.ad-dashboard) .sidebar{background:linear-gradient(145deg,#0c2430,#203e49 68%,#17313d);border-right:1px solid #bfa76d33}
html body.admin-redesign:has(.ad-dashboard) .sidebar-brand{padding:26px 20px;align-items:center;border-bottom:1px solid #d7be8c33;background:linear-gradient(140deg,#d5bd8310,transparent 70%)}
html body.admin-redesign:has(.ad-dashboard) .sidebar-logo-img{content:url('/school_footbal/static/img/school-logo-premium-20261011.png');width:48px;height:56px;border-radius:0!important;object-fit:contain!important;box-shadow:none;background:none}
html body.admin-redesign:has(.ad-dashboard) .sidebar-brand-text>span:first-child{font-family:'FS Admin Molot',Inter,sans-serif;font-size:18px!important;font-weight:400!important;letter-spacing:.035em!important;color:#f8f2e4!important}
html body.admin-redesign:has(.ad-dashboard) .sidebar-brand-text>span+span{font-size:10px!important;line-height:1.55!important;color:#bdcdd0!important}
html body.admin-redesign:has(.ad-dashboard) .ad-nav-label{color:#d4bb82;font-size:9px;letter-spacing:.15em}
html body.admin-redesign:has(.ad-dashboard) .sidebar-item{color:#d8e2e3;border-radius:4px 12px 12px 12px;font-size:13px}
html body.admin-redesign:has(.ad-dashboard) .sidebar-item-icon{color:#d6bf8b}
html body.admin-redesign:has(.ad-dashboard) .sidebar-item:hover{background:#e2d2ad14;color:#fff8e9}
html body.admin-redesign:has(.ad-dashboard) .sidebar-item.active{background:#d6c08f19;color:#efdbaf;box-shadow:inset 3px 0 #cdb779;border:1px solid #dcc59030}
html body.admin-redesign:has(.ad-dashboard) .sidebar-footer{border-top:1px solid #d7be8c33;background:#102a3699}
html body.admin-redesign:has(.ad-dashboard) .sidebar-user-avatar{background:#d4bb83;color:#14323d;border:1px solid #ecd8a4}
html body.admin-redesign:has(.ad-dashboard) .sidebar-user-name{color:#f7f4e9}
html body.admin-redesign:has(.ad-dashboard) .sidebar-user-role{color:#b9cbcf}
html body.admin-redesign:has(.ad-dashboard) .sidebar-logout{color:#e4d1aa}
html body.admin-redesign:has(.ad-dashboard) .top-app-bar{background:#102c38;border-bottom:1px solid #d4bf8955;color:#f8f3e8}
html body.admin-redesign:has(.ad-dashboard) .top-app-bar h1{font-family:'FS Admin Molot',Inter,sans-serif;font-size:21px;font-weight:400;letter-spacing:.06em;color:#f8f3e8}
html body.admin-redesign:has(.ad-dashboard) .top-app-bar :is(button,.theme-toggle){color:#e7d4ab;border-color:#d0bd8b40;background:transparent}
html body.admin-redesign:has(.ad-dashboard) .ad-dashboard{max-width:1500px;color:#173642}
html body.admin-redesign:has(.ad-dashboard) .ad-heading{padding:26px 28px;margin:0 0 24px;gap:16px;background:linear-gradient(122deg,#102c37,#244750);border:1px solid #b7a47755;border-radius:5px 26px 26px 26px;isolation:isolate;overflow:hidden}
html body.admin-redesign:has(.ad-dashboard) .ad-heading::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 50%,#e1c88c05 50%,#e1c88c05 68%,transparent 68%),radial-gradient(ellipse at 80% 150%,transparent 59%,#d0bb8533 59.3%,transparent 59.6%)}
html body.admin-redesign:has(.ad-dashboard) .ad-eyebrow{color:#ddc691;font-size:10px;letter-spacing:.15em}
html body.admin-redesign:has(.ad-dashboard) .ad-heading h2{font-family:'FS Admin Molot',Inter,sans-serif;font-weight:400;letter-spacing:.025em;font-size:clamp(27px,2.5vw,42px);color:#fff9ee;line-height:1.18}
html body.admin-redesign:has(.ad-dashboard) .ad-heading p{color:#c4d3d6;font-size:13px;line-height:1.5}
html body.admin-redesign:has(.ad-dashboard) .ad-orange{color:#dec68c}
html body.admin-redesign:has(.ad-dashboard) .ad-primary{background:linear-gradient(110deg,#ead8ad,#d3b978);color:#15313d;border:1px solid #c1a66b;border-radius:5px 12px 12px 12px;box-shadow:0 5px 12px #04192320}
html body.admin-redesign:has(.ad-dashboard) .ad-primary:hover{background:#ead8ad;transform:translateY(-2px)}
html body.admin-redesign:has(.ad-dashboard) .fs-quick-edit{color:#e2c995;border-color:#dbc39155;background:#e0c48c0d;border-radius:50%;min-width:38px;min-height:38px}
html body.admin-redesign:has(.ad-dashboard) .ad-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.admin-redesign:has(.ad-dashboard) .ad-metrics:has(>.ad-metric:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
html body.admin-redesign:has(.ad-dashboard) .ad-metric{position:relative;overflow:hidden;isolation:isolate;min-height:162px;padding:19px 20px;color:#fbf7ec;background:linear-gradient(115deg,#153440,#284b56);border:1px solid #c4b17b66;border-radius:5px 22px 22px 22px;box-shadow:0 6px 15px #102c3810;transition:transform .22s ease,border-color .22s ease}
html body.admin-redesign:has(.ad-dashboard) .ad-metric::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 58%,#cfbb7d07 58%,#cfbb7d07 75%,transparent 75%)}
html body.admin-redesign:has(.ad-dashboard) .ad-metric:hover{border-color:#d9c08b;transform:translateY(-3px)}
html body.admin-redesign:has(.ad-dashboard) .ad-metric-top{color:#ddc995;font-weight:650;font-size:13px;min-height:26px}
html body.admin-redesign:has(.ad-dashboard) .ad-metric-top svg{color:#dcc798;width:24px;height:24px;stroke-width:1.6}
html body.admin-redesign:has(.ad-dashboard) .ad-metric strong{font-family:'FS Admin Molot',Inter,sans-serif;font-weight:400;font-size:52px;color:#faf6eb;letter-spacing:.025em;min-height:54px;margin:9px 0 8px;line-height:1.05}
html body.admin-redesign:has(.ad-dashboard) .ad-metric strong.has-important{color:#ffc1a9}
html body.admin-redesign:has(.ad-dashboard) .ad-metric-foot{color:#bdcdd0;border-top:1px solid #d3bd8130;font-size:11px;min-height:28px;padding-top:10px}
html body.admin-redesign:has(.ad-dashboard) .ad-metric-foot svg{color:#ddc995}
html body.admin-redesign:has(.ad-dashboard) .ad-workspace{display:block;margin-top:24px}
html body.admin-redesign:has(.ad-dashboard) .ad-hero{padding:30px 32px 20px;min-height:290px;background:linear-gradient(120deg,#0c2633,#224652);border:1px solid #c9b58666;border-radius:5px 28px 28px 28px;color:#fff8eb;box-shadow:0 8px 22px #112e3812}
html body.admin-redesign:has(.ad-dashboard) .ad-hero-copy{max-width:75%}
html body.admin-redesign:has(.ad-dashboard) .ad-hero-tag{color:#e4cd99;font-size:10px;letter-spacing:.13em}
html body.admin-redesign:has(.ad-dashboard) .ad-hero h2{font-family:'FS Admin Molot',Inter,sans-serif;font-weight:400;font-size:clamp(30px,3vw,45px);letter-spacing:.02em;line-height:1.15;margin:18px 0 12px;color:#fcf7e9}
html body.admin-redesign:has(.ad-dashboard) .ad-hero p{color:#c3d2d5;font-size:13px;line-height:1.6;margin-bottom:22px}
html body.admin-redesign:has(.ad-dashboard) .ad-pitch{right:30px;top:4px;width:240px;opacity:.43;transform:rotate(-12deg)}
html body.admin-redesign:has(.ad-dashboard) .ad-pitch svg{stroke:#d3bf8d}
html body.admin-redesign:has(.ad-dashboard) .ad-pitch .ad-player{fill:#dfc38a;stroke:#f3deb2}
html body.admin-redesign:has(.ad-dashboard) .ad-pitch .ad-player-muted{fill:#aac9c1;stroke:#aac9c1}
html body.admin-redesign:has(.ad-dashboard) .ad-pitch .ad-run{stroke:#dec68e}
html body.admin-redesign:has(.ad-dashboard) .ad-hero-bottom{color:#dfc996;border-color:#dcc68d33;margin-top:24px}
html body.admin-redesign:has(.ad-dashboard) .ad-hero-bottom>span{color:#c1d0d0}
html body.admin-redesign:has(.ad-dashboard) .ad-dashboard-footer{color:#5a747c;border-color:#cbd5d1;margin-top:22px;padding-top:14px}
html body.admin-redesign:has(.ad-dashboard) .ad-export{color:#224552;font-weight:650;border:1px solid #c9b78e;border-radius:5px 12px 12px 12px;padding:10px 14px;background:#fffdf5}
html body.admin-redesign:has(.ad-dashboard) :is(.ad-metric,.ad-primary,.fs-quick-edit,.ad-export,.sidebar-item):focus-visible{outline:3px solid #bfa265;outline-offset:3px}
html body.admin-redesign:has(.ad-dashboard) #fs-quick-editor{background:#fffdf5;color:#183945;border:1px solid #c8b384}
html body.admin-redesign:has(.ad-dashboard) :is(.fs-editor-head,.fs-editor-actions){background:#fffdf5;border-color:#ded3bb}
html body.admin-redesign:has(.ad-dashboard) .fs-editor-head h2{font-family:'FS Admin Molot',Inter,sans-serif;font-weight:400;letter-spacing:.03em}
html body.admin-redesign:has(.ad-dashboard) .fs-editor-option.selected{border-color:#c3a568;background:#f2ead7}
html body.admin-redesign:has(.ad-dashboard) .fs-editor-option input{accent-color:#9a793c}
html body.admin-redesign:has(.ad-dashboard) .fs-editor-save{background:#d8bf89;color:#163642}
html body.admin-redesign:has(.ad-dashboard) .ad-more{background:linear-gradient(145deg,#102c37,#23434f);color:#f7f0df;border:1px solid #d6bf8855}
html body.admin-redesign:has(.ad-dashboard) :is(.ad-more-head,.ad-more-user){background:transparent;border-color:#cdb78133;color:#f7f0df}
html body.admin-redesign:has(.ad-dashboard) .ad-more-head h2{font-family:'FS Admin Molot',Inter,sans-serif;font-weight:400;letter-spacing:.035em;color:#f8f0df}
html body.admin-redesign:has(.ad-dashboard) .ad-more-head::before{content:'';background:url('/school_footbal/static/img/school-logo-premium-20261011.png') center/contain no-repeat;width:42px;height:48px;flex:0 0 42px;margin-right:12px}
html body.admin-redesign:has(.ad-dashboard) .ad-more-head>div{flex:1}
html body.admin-redesign:has(.ad-dashboard) .ad-more .sidebar-item{color:#d7e1e0}
html body.admin-redesign:has(.ad-dashboard) .ad-more .sidebar-item.active{color:#ead3a0;background:#d7bc8620}
html body.admin-redesign:has(.ad-dashboard) .ad-more .ad-icon-button{color:#e6d2aa;background:#d8c29812;border:1px solid #d4bd8850}
html body.admin-redesign:has(.ad-dashboard) .ad-more-user small{color:#b7ccd0}
html body.admin-redesign:has(.ad-dashboard) .bottom-nav{background:#fffdf6;border-top:1px solid #d7c7a2}
html body.admin-redesign:has(.ad-dashboard) .bottom-nav .nav-item{color:#617982}
html body.admin-redesign:has(.ad-dashboard) .bottom-nav .nav-item.active{color:#173945}
html body.admin-redesign:has(.ad-dashboard) .bottom-nav .nav-item.active::before{background:#bfa262}
@media(min-width:1800px){html body.admin-redesign:has(.ad-dashboard) .ad-metrics:has(>.ad-metric:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1150px){html body.admin-redesign:has(.ad-dashboard) .ad-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html body.admin-redesign:has(.ad-dashboard) .ad-metrics:has(>.ad-metric:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}html body.admin-redesign:has(.ad-dashboard) .ad-heading{padding:22px}html body.admin-redesign:has(.ad-dashboard) .ad-metric{padding:16px;min-height:156px}}
@media(max-width:767px){html body.admin-redesign:has(.ad-dashboard) .main-content{padding:16px!important}html body.admin-redesign:has(.ad-dashboard) .ad-heading{padding:22px 18px 18px;border-radius:5px 22px 22px 22px;gap:16px;margin-bottom:18px}html body.admin-redesign:has(.ad-dashboard) .ad-heading>div:first-child{padding-right:30px}html body.admin-redesign:has(.ad-dashboard) .ad-heading h2{font-size:29px;letter-spacing:.02em}html body.admin-redesign:has(.ad-dashboard) .ad-eyebrow{font-size:8px;line-height:1.5}html body.admin-redesign:has(.ad-dashboard) .ad-heading p{font-size:12px}html body.admin-redesign:has(.ad-dashboard) .fs-quick-edit{top:18px;right:14px;min-width:34px;min-height:34px}html body.admin-redesign:has(.ad-dashboard) .ad-metrics,html body.admin-redesign:has(.ad-dashboard) .ad-metrics:has(>.ad-metric:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body.admin-redesign:has(.ad-dashboard) .ad-metric{padding:15px 13px;min-height:160px;border-radius:4px 18px 18px 18px}html body.admin-redesign:has(.ad-dashboard) .ad-metric-top{font-size:12px;align-items:flex-start;gap:6px}html body.admin-redesign:has(.ad-dashboard) .ad-metric-top svg{width:20px;height:20px}html body.admin-redesign:has(.ad-dashboard) .ad-metric strong{font-size:45px;min-height:48px}html body.admin-redesign:has(.ad-dashboard) .ad-metric-foot{font-size:10px;line-height:1.45;gap:8px}html body.admin-redesign:has(.ad-dashboard) .ad-workspace{margin-top:18px}html body.admin-redesign:has(.ad-dashboard) .ad-hero{padding:24px 20px 18px;min-height:290px;border-radius:5px 22px 22px 22px}html body.admin-redesign:has(.ad-dashboard) .ad-hero-copy{max-width:100%}html body.admin-redesign:has(.ad-dashboard) .ad-hero h2{font-size:32px}html body.admin-redesign:has(.ad-dashboard) .ad-hero p{max-width:90%;font-size:12px}html body.admin-redesign:has(.ad-dashboard) .ad-pitch{right:-70px;top:55px;width:230px;opacity:.13}html body.admin-redesign:has(.ad-dashboard) .ad-hero-bottom{font-size:7px;line-height:1.6;gap:10px}html body.admin-redesign:has(.ad-dashboard) .ad-dashboard-footer{font-size:10px;gap:10px}html body.admin-redesign:has(.ad-dashboard) .top-app-bar h1{font-size:19px}}
@media(max-width:360px){html body.admin-redesign:has(.ad-dashboard) .ad-metric{padding:14px 11px}html body.admin-redesign:has(.ad-dashboard) .ad-metric-top{font-size:11px}html body.admin-redesign:has(.ad-dashboard) .ad-metric-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){html body.admin-redesign:has(.ad-dashboard) :is(.ad-metric,.ad-primary){transition:none}}
