:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#e9f1fb;background:#0b1b35;font-synthesis:none;--surface:#152743;--surface2:#1a304e;--border:#294260;--muted:#9fb4ce;--blue:#5cbcff;--green:#43d8af;--yellow:#ffcd66}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #70cdff;outline-offset:2px}
.screen{width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 42% 0%,#183151 0%,#0b1b35 56%,#09172e 100%)}
.header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:14px 29px;border-bottom:1px solid #304662;background:#0e203b;gap:18px}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.logo{width:57px;height:57px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;flex:none}.brand-copy{min-width:0}.org{font-size:16px;color:#a7d9af;font-weight:700;letter-spacing:.01em}.school{font-size:27px;font-weight:800;color:#f8fbff;line-height:1.22;white-space:nowrap}.school b{color:#a7b9ff;font-weight:850}.header-right{display:flex;align-items:center;gap:24px;flex:none}.clockblock{text-align:right}.time{font-size:34px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.date{font-size:12px;color:var(--muted);margin-top:6px}.tag-demo{border:1px solid #d6a446;background:#4d3a1e;border-radius:8px;color:#ffd88b;padding:6px 11px;font-size:11px;font-weight:800;letter-spacing:.09em}
.icon-btn,.navbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #496180;background:#1c3555;color:#e8f4ff;border-radius:9px;padding:8px 12px;font-weight:700;gap:6px;white-space:nowrap}.navbtn:hover,.icon-btn:hover{background:#284b75}.header .navbtn{font-size:12px}
.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #27415f;background:#10243d;padding:9px 28px;min-height:52px}.demo-left,.demo-right{display:flex;align-items:center;gap:9px;min-width:0}.label-mini{font-size:11px;color:#94aecb;font-weight:700;letter-spacing:.07em;white-space:nowrap}.demo-bar select,.demo-bar input{color:#e9f3ff;background:#1b3453;border:1px solid #365778;border-radius:8px;padding:7px 10px;min-width:0;font-size:12px}.demo-bar select{max-width:174px}.demo-bar input{width:99px}.hint{color:#96adca;font-size:11px}
.layout{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(340px,1fr);gap:16px;padding:17px 23px 12px;max-width:1920px;margin:auto;align-items:stretch}.left-panel,.right-panel{min-width:0;display:flex;flex-direction:column;gap:12px}.panel{border:1px solid #29415f;background:linear-gradient(145deg,#1a304f,#142943);border-radius:15px;box-shadow:0 6px 25px #0613281a}.section-label{color:#a7bed9;font-size:11px;font-weight:800;letter-spacing:.09em}.hero{padding:21px 25px;display:flex;justify-content:space-between;align-items:center;min-height:105px;gap:12px;background:linear-gradient(110deg,#1a3e67,#19304e 65%)}.class-name{font-size:43px;line-height:1.12;font-weight:850;letter-spacing:-.035em;margin:4px 0 0}.hero-meta{text-align:right}.status{display:inline-block;border-radius:7px;background:#285269;color:#8be9ff;padding:7px 11px;font-size:12px;font-weight:750;margin-bottom:7px;white-space:nowrap}.status.practice{color:#ffd689;background:#594326}.status.lab{color:#bcf3e1;background:#225044}.hero-meta .small{display:block;font-size:12px;color:#b3c9df}.hero-kpis{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.room-pill{font-size:12px;background:#122c48;border-radius:7px;padding:6px 9px;border:1px solid #365c7a;color:#e4f4ff}
.now-next{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson{min-height:190px;padding:18px 20px;position:relative;overflow:hidden}.lesson.now{border-color:#367aa0;background:linear-gradient(138deg,#154b68,#15324e)}.lesson.next{background:linear-gradient(138deg,#2b3a53,#1a2c47)}.lesson h2{font-size:27px;line-height:1.22;margin:12px 0 9px;font-weight:800;overflow-wrap:anywhere}.lesson .sub{font-size:14px;color:#d6e6f5}.lesson .place{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:17px;font-weight:800;color:#78d6ff}.lesson.next .place{color:#ffcf73}.lesson .window{font-size:11px;color:#b5cce2;margin-top:6px}.lesson .huge-deco{position:absolute;right:14px;bottom:-12px;font-size:88px;opacity:.06;font-weight:850;pointer-events:none}.active-pill{background:#1d624f;color:#9df2d7;border:1px solid #358f73;border-radius:15px;padding:3px 9px;font-size:10px;margin-left:8px}
.schedule{padding:15px 20px;min-height:277px;flex:1}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#f3f8ff}.muted{color:var(--muted)}.tiny{font-size:11px}.schedule table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.schedule th{font-size:10px;color:#91b1cf;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:7px 9px;border-bottom:1px solid #3a5674}.schedule td{padding:8px 9px;border-bottom:1px solid #28405d;color:#e1ecf8;vertical-align:middle}.schedule tr:last-child td{border-bottom:0}.schedule tr.active-row{background:#215572}.schedule tr.next-row{background:#3a3b46}.schedule th:nth-child(1),.schedule td:nth-child(1){width:13%}.schedule th:nth-child(2),.schedule td:nth-child(2){width:23%}.schedule th:nth-child(3),.schedule td:nth-child(3){width:26%}.schedule th:nth-child(4),.schedule td:nth-child(4){width:18%}.schedule th:nth-child(5),.schedule td:nth-child(5){width:20%}.row-state{font-size:10px;color:#9eddf9;font-weight:750}.schedule-note{margin-top:9px;color:#a3bdd6;font-size:11px}
.sidepanel{padding:15px 16px}.right-panel .panel{box-shadow:none}.announcement{border-left:4px solid #75c5fc}.announcement .headline{font-size:16px;font-weight:800;line-height:1.25;margin:10px 0 7px}.announcement .descr{font-size:12px;line-height:1.5;color:#c7d7e8;margin:0}.announcement .stamp{color:#86a3c2;font-size:10px;margin-top:10px}.grid-mini{display:grid;grid-template-columns:1fr 1fr;gap:11px}.grid-mini .panel{min-height:116px}.sidepanel h3{font-size:12px;margin:0 0 9px;font-weight:800;color:#ddecf9}.agenda-item{display:flex;gap:8px;font-size:12px;line-height:1.45;margin-top:7px}.agenda-time{color:#7dd4ff;font-weight:800;white-space:nowrap}.prayer-big{font-size:25px;font-weight:850;line-height:1.1;margin-top:7px}.prayer-big span{color:#79d9fe}.prayer-line{font-size:11px;color:#b8cde2;margin-top:8px}.roster{font-size:12px;line-height:1.5;color:#e0eefa}.badge-absent{display:inline-block;color:#ffcca3;background:#57392d;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:700}.side-small{font-size:12px;line-height:1.4;color:#d5e6f5}.subtle-line{height:1px;background:#31516e;margin:10px 0}.pill-small{display:inline-block;border-radius:5px;background:#294f4a;color:#a9e8d6;font-size:10px;font-weight:750;padding:3px 6px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 26px 14px;border-top:1px solid #294260;color:#a9bfda;font-size:12px;min-height:46px}.ticker{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.ticker strong{color:#ffc86e}.bottom-controls{display:flex;align-items:center;gap:8px}.counter{color:#b4d9f9;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.progress{height:4px;background:#1b3656}.progress>div{height:100%;background:#68caff;transition:width .2s}
.admin-shell{min-height:100vh;background:#f2f5fa;color:#182c44}.admin-top{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #dce4ee;padding:16px 28px;gap:12px}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand img{height:45px;width:45px;object-fit:contain}.admin-brand h1{font-size:18px;margin:0}.admin-brand p{font-size:12px;color:#65778d;margin:3px 0 0}.admin-top .navbtn{background:#163a65;color:#fff}.admin-main{max-width:1280px;padding:29px 25px;margin:0 auto}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.admin-heading h2{font-size:28px;margin:0 0 6px}.admin-heading p{margin:0;color:#6d8094;font-size:13px;line-height:1.5}.notice{border:1px solid #f1d299;background:#fffae9;color:#82551b;padding:12px 16px;border-radius:11px;font-size:12px;line-height:1.5}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat{background:#fff;border:1px solid #dce5ef;padding:17px;border-radius:13px}.stat .value{font-size:29px;font-weight:850;margin:8px 0 3px;color:#173d66}.stat .caption{color:#6b8095;font-size:11px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.admin-card{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:21px;box-shadow:0 4px 17px #12345409}.admin-card h3{font-size:17px;margin:0 0 6px}.admin-card p{margin:0 0 16px;color:#73859b;font-size:12px;line-height:1.5}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12px;font-weight:750;color:#465e75}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdae6;background:#fff;border-radius:8px;padding:10px 11px;font-size:13px;color:#203852;resize:vertical}.field textarea{min-height:70px}.button-primary{border:0;background:#194f85;color:#fff;font-size:13px;font-weight:800;border-radius:9px;padding:11px 14px}.button-primary:hover{background:#236aa8}.button-secondary{border:1px solid #cbd8e5;background:#f7fafc;color:#16456e;font-weight:750;border-radius:8px;padding:10px 13px}.admin-foot{font-size:11px;color:#7d8da1;margin:21px 0}.toast{position:fixed;right:22px;bottom:22px;color:#fff;background:#1a5c55;box-shadow:0 12px 25px #0002;padding:13px 17px;border-radius:9px;font-size:13px;z-index:10}
@media(max-width:1200px){.school{font-size:21px}.org{font-size:13px}.header{height:86px}.logo{width:47px;height:47px}.layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:11px;padding:12px}.hero{padding:14px 17px;min-height:88px}.class-name{font-size:34px}.lesson{min-height:175px;padding:15px}.lesson h2{font-size:23px}.schedule{padding:12px}.schedule td{padding:7px 5px}.sidepanel{padding:12px}.grid-mini{gap:8px}.footer{padding:8px 13px}.header-right{gap:10px}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.header{height:auto;padding:14px}.school{white-space:normal;font-size:18px}.brand{gap:8px}.logo{width:36px;height:36px}.org{font-size:11px}.header-right{gap:8px}.time{font-size:24px}.date{font-size:10px}.demo-bar{padding:10px;flex-wrap:wrap}.right-panel{display:grid;grid-template-columns:1fr 1fr}.grid-mini{grid-template-columns:1fr 1fr}.announcement{grid-column:span 2}.footer{flex-wrap:wrap}.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.admin-main{padding:17px}.admin-heading{display:block}.notice{margin-top:10px}}
@media(max-width:560px){.header .navbtn{padding:7px;font-size:10px}.brand .logo:first-child{display:none}.school{font-size:15px}.org{font-size:10px}.header-right{gap:6px}.time{font-size:21px}.tag-demo{display:none}.now-next{grid-template-columns:1fr}.lesson{min-height:145px}.hero{align-items:flex-start}.class-name{font-size:28px}.status{font-size:10px}.hero-meta .small{font-size:10px}.right-panel{display:flex}.grid-mini{grid-template-columns:1fr 1fr}.schedule{overflow-x:auto}.schedule table{min-width:530px}.admin-stats{grid-template-columns:1fr 1fr}.admin-top{padding:13px}.admin-brand h1{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}