:root{--navy:#0f172a;--text:#1e293b;--slate:#64748b;--muted:#94a3b8;--indigo:#4f46e5;--blue:#2563eb;--green:#16a34a;--amber:#d97706;--line:#e5eaf2;--bg:#f6f8fc;--card:#fff;--radius:24px}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);line-height:1.5}button,input{font:inherit}button{cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:900;text-decoration:none;letter-spacing:-.03em;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--blue));box-shadow:0 9px 22px #4f46e540;font-size:25px}.brand-light{color:#fff}.eyebrow{display:block;color:var(--indigo);font-size:10px;font-weight:900;letter-spacing:1.7px}.eyebrow-light{color:#a5b4fc}.muted{color:var(--slate);margin:7px 0 30px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:#fff}.login-art{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:38px clamp(30px,6vw,90px);color:#fff;background:radial-gradient(circle at 75% 25%,#3947a9 0,#18265b 34%,#081225 77%);position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff18;border-radius:50%;right:-220px;bottom:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.login-art h1{font-size:clamp(38px,4vw,64px);line-height:1.04;letter-spacing:-.06em;margin:20px 0;color:#fff}.login-art h1 em{color:#a5b4fc;font-style:normal}.login-art p{max-width:440px;color:#cbd5e1;font-size:17px;line-height:1.7}.login-art-foot{position:relative;z-index:1;color:#cbd5e1;font-size:12px;font-weight:800}.art-pulse{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 6px #4ade801c}.login-panel{display:grid;place-items:center;padding:28px}.login-panel-inner{width:min(420px,100%)}.mobile-brand{display:none;margin-bottom:55px}.login-panel h2{color:var(--navy);font-size:38px;letter-spacing:-.05em;margin:14px 0 0}.login-panel form{display:grid;gap:19px}.login-panel label{color:var(--text);font-size:12px;font-weight:900}.login-panel input{display:block;width:100%;height:54px;margin-top:8px;padding:0 16px;border:1px solid #dbe3ef;border-radius:15px;color:var(--text);background:#fff;outline:0;transition:.2s}.login-panel input:focus{border-color:var(--indigo);box-shadow:0 0 0 4px #4f46e51c}.form-error{padding:11px 13px;border-radius:12px;color:#be123c;background:#fff1f2;font-size:13px}.primary-button,.secondary-button,.text-button{border:0;font-weight:900;transition:.2s}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;border-radius:15px;color:#fff;background:linear-gradient(105deg,var(--indigo),var(--blue));box-shadow:0 12px 24px #4f46e530}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.6;cursor:wait}.full{width:100%;margin-top:2px}.login-help{margin:26px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.cabinet{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;flex-direction:column;padding:27px 15px 17px;color:#cbd5e1;background:#0c1427;z-index:20}.sidebar-top{padding:0 10px 30px}.sidebar .brand{color:#fff}.school-switcher{display:flex;align-items:center;gap:10px;padding:12px 11px;margin-bottom:24px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff08}.school-switcher b,.school-switcher small{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-switcher b{color:#fff;font-size:12px}.school-switcher small{color:#94a3b8;font-size:10px;margin-top:3px}.school-avatar,.header-user-avatar{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#818cf8,#2563eb);font-weight:900}.chevron{margin-left:auto;color:#64748b}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-label{padding:0 13px;margin-bottom:5px;color:#64748b;font-size:9px;font-weight:900;letter-spacing:1.6px}.nav-label-lower{margin-top:22px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:13px;color:#94a3b8;background:transparent;text-align:left;font-size:13px;font-weight:750}.nav-item span{display:grid;place-items:center;width:20px;color:#64748b;font-size:17px}.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item.active{color:#fff;background:linear-gradient(100deg,#4f46e5,#2563eb);box-shadow:0 9px 20px #2563eb2b}.nav-item.active span{color:#fff}.sidebar-bottom{margin-top:auto;padding:14px 9px 0;border-top:1px solid #ffffff12}.sync-mini{display:flex;align-items:center;gap:9px;padding:10px 3px 17px}.sync-mini b,.sync-mini small{display:block}.sync-mini b{color:#cbd5e1;font-size:11px}.sync-mini small{color:#64748b;font-size:10px;margin-top:2px}.status-dot{display:block;width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #4ade8012}.status-muted{background:#f59e0b;box-shadow:0 0 0 5px #f59e0b14}.logout-link{width:100%;padding:10px 3px;border:0;color:#94a3b8;background:transparent;text-align:left;font-size:12px;font-weight:800}.logout-link:hover{color:#fff}.cabinet-main{width:calc(100% - 260px);margin-left:260px}.cabinet-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(24px,5vw,70px);border-bottom:1px solid var(--line);background:#ffffffc9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.cabinet-header h1{color:var(--navy);font-size:27px;letter-spacing:-.045em;margin:4px 0 0}.header-user{display:flex;align-items:center;gap:10px}.header-user b,.header-user small{display:block}.header-user b{font-size:12px;color:var(--navy)}.header-user small{font-size:10px;color:var(--slate);margin-top:2px}.header-logout{border:0;color:var(--slate);background:transparent;font-size:12px;font-weight:800;margin-left:12px}.menu-toggle,.mobile-close{display:none}.content-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0 80px}.welcome-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.welcome-row h2{color:var(--navy);font-size:34px;letter-spacing:-.05em;margin:0}.welcome-row p{color:var(--slate);font-size:14px;margin:7px 0 0}.date-chip{padding:9px 13px;border:1px solid var(--line);border-radius:12px;color:var(--slate);background:#fff;font-size:12px;font-weight:800}.notice-card{display:flex;align-items:center;gap:16px;padding:19px 22px;margin-bottom:22px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(100deg,#eef2ff,#f8fbff)}.notice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--indigo);background:#fff;font-weight:900}.notice-card b{color:var(--navy);font-size:14px}.notice-card p{color:var(--slate);font-size:12px;margin:3px 0 0}.notice-status{margin-left:auto;color:var(--indigo);font-size:9px;font-weight:900;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{display:flex;gap:14px;min-height:150px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 12px 32px #0f172a0a}.stat-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;font-size:21px;font-weight:900}.stat-icon.blue{color:var(--blue);background:#eff6ff}.stat-icon.violet{color:var(--indigo);background:#f5f3ff}.stat-icon.amber{color:var(--amber);background:#fff7ed}.stat-card small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:1.2px}.stat-card strong{display:block;color:var(--navy);font-size:17px;margin:11px 0 5px}.stat-sub{display:block;color:var(--slate);font-size:11px;line-height:1.45}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.panel-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel-heading{display:flex;justify-content:space-between;gap:18px}.panel-heading h3{color:var(--navy);font-size:19px;letter-spacing:-.03em;margin:9px 0 0}.panel-heading .eyebrow{font-size:9px}.panel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--indigo);background:#eef2ff;font-weight:900}.muted-icon{color:var(--slate);background:#f1f5f9}.panel-card>p{color:var(--slate);font-size:13px;line-height:1.65;margin:20px 0}.secondary-button{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #d7def0;border-radius:12px;color:var(--indigo);background:#fff;font-size:12px}.text-button{padding:0;color:var(--indigo);background:transparent;font-size:12px}.empty-page{max-width:680px;padding:55px 20px;text-align:center;margin:25px auto}.empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 23px;border-radius:20px;color:var(--indigo);background:#eef2ff;font-size:31px}.empty-page h2{color:var(--navy);font-size:38px;letter-spacing:-.05em;margin:12px 0}.empty-page p{max-width:500px;margin:0 auto 25px;color:var(--slate);font-size:15px}.planned-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 30px}.planned-list span{padding:8px 11px;border-radius:10px;color:var(--slate);background:#fff;border:1px solid var(--line);font-size:11px;font-weight:800}.mobile-backdrop{display:none}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:block}.sidebar{transform:translateX(-100%);transition:.25s ease}.menu-open .sidebar{transform:translateX(0)}.mobile-backdrop{position:fixed;inset:0;background:#0f172a80;z-index:15}.menu-open .mobile-backdrop{display:block}.mobile-close,.menu-toggle{display:block;border:0;background:transparent}.mobile-close{float:right;color:#94a3b8;font-size:25px}.menu-toggle{color:var(--slate);font-size:20px;margin-right:3px}.cabinet-main{width:100%;margin-left:0}.cabinet-header{padding:20px 24px}.header-user small,.header-logout{display:none}.stats-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:560px){.login-panel{padding:20px}.login-panel-inner{padding-top:25px}.content-section{width:calc(100% - 32px);padding:32px 0 55px}.cabinet-header{padding:17px 16px}.cabinet-header h1{font-size:22px}.welcome-row{display:block}.date-chip{display:inline-block;margin-top:16px}.welcome-row h2{font-size:29px}.notice-card{align-items:flex-start;padding:16px}.notice-status{display:none}.panel-card{padding:21px}.empty-page h2{font-size:31px}}
:root{--landing-gallery-gap:18px}.section-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-toolbar h2{color:var(--navy);font-size:34px;letter-spacing:-.05em;margin:9px 0 3px}.section-toolbar p{color:var(--slate);font-size:14px;margin:0}.sync-badge{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #fde6b3;border-radius:12px;color:#a16207;background:#fffbeb;font-size:11px;font-weight:800;white-space:nowrap}.tabs{display:flex;gap:5px;padding:5px;margin-bottom:18px;border:1px solid var(--line);border-radius:15px;background:#fff;width:max-content}.tab{padding:10px 15px;border:0;border-radius:10px;color:var(--slate);background:transparent;font-size:12px;font-weight:850}.tab:hover{color:var(--indigo)}.tab.active{color:var(--indigo);background:#eef2ff}.schedule-panel{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px #0f172a0a}.schedule-controls{display:flex;align-items:end;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.schedule-controls label{min-width:200px;color:var(--slate);font-size:10px;font-weight:900;letter-spacing:.7px}.schedule-controls select{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #dbe3ef;border-radius:12px;color:var(--text);background:#fff;font-size:13px;outline:0}.schedule-controls select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4f46e51c}.empty-schedule{display:flex;flex-direction:column;align-items:center;max-width:560px;padding:58px 20px 45px;margin:auto;text-align:center}.empty-schedule.compact{padding:52px 20px 40px}.empty-schedule h3{color:var(--navy);font-size:21px;letter-spacing:-.03em;margin:0 0 9px}.empty-schedule p{color:var(--slate);font-size:13px;line-height:1.65;margin:0 0 22px}.bell-preview{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 21px}.bell-preview h3{color:var(--navy);font-size:21px;margin:8px 0 2px}.bell-preview p{color:var(--slate);font-size:13px;margin:0}.bell-row{display:grid;grid-template-columns:1fr 120px 1fr;gap:20px;align-items:center;padding:16px 17px;border-top:1px solid var(--line);font-size:13px}.muted-row{color:var(--muted)}.muted-row b{text-align:center;font-size:18px}@media(max-width:700px){.section-toolbar{display:block}.sync-badge{display:inline-flex;margin-top:18px}.tabs{width:100%;overflow:auto}.tab{white-space:nowrap}.schedule-controls{display:block}.schedule-controls label{display:block;margin-bottom:13px}.schedule-controls .secondary-button{width:100%}.bell-row{grid-template-columns:1fr 55px 1fr;gap:8px}}
[hidden]{display:none!important}:root{--landing-gallery-gap:18px}
:root{--directory-gap:16px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.search-field{display:flex;align-items:center;gap:9px;width:min(360px,100%);height:44px;padding:0 13px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:#fff;font-size:20px}.search-field input{width:100%;border:0;outline:0;color:var(--text);font-size:13px}.directory-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px #0f172a0a}.directory-empty{display:flex;align-items:center;gap:16px;padding:25px}.directory-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;color:var(--indigo);background:#eef2ff;font-size:23px;font-weight:900}.directory-empty h3{color:var(--navy);font-size:16px;margin:0 0 4px}.directory-empty p{color:var(--slate);font-size:12px;margin:0}.directory-count{margin-left:auto;padding:7px 10px;border-radius:9px;color:var(--muted);background:#f8fafc;font-size:10px;font-weight:900;white-space:nowrap}@media(max-width:700px){.directory-toolbar{display:block}.search-field{width:100%;margin-bottom:12px}.directory-toolbar .secondary-button{width:100%}.directory-empty{align-items:flex-start;flex-wrap:wrap}.directory-count{margin-left:64px}}
:root{--settings-gap:17px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--settings-gap)}.settings-card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 32px #0f172a0a}.settings-card-head{display:flex;align-items:center;gap:13px;margin-bottom:23px}.settings-card-head h3{color:var(--navy);font-size:19px;letter-spacing:-.03em;margin:7px 0 0}.settings-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:21px;font-weight:900}.settings-icon.blue{color:var(--blue);background:#eff6ff}.settings-icon.violet{color:var(--indigo);background:#f5f3ff}.settings-icon.green{color:var(--green);background:#ecfdf3}.settings-icon.amber{color:var(--amber);background:#fff7ed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{color:var(--slate);font-size:10px;font-weight:900}.form-grid input{display:block;width:100%;height:45px;margin-top:7px;padding:0 12px;border:1px solid #dbe3ef;border-radius:12px;color:var(--text);background:#f8fafc;outline:0;font-size:12px}.full-field{grid-column:span 2}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:19px;margin-top:20px;border-top:1px solid var(--line)}.settings-foot span{color:var(--muted);font-size:10px;line-height:1.4}.settings-foot .secondary-button:disabled,.settings-card>.secondary-button:disabled{cursor:not-allowed;opacity:.55}.connection-state{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:15px;background:#fff7ed}.connection-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;color:#fff;background:#f59e0b;font-size:14px;font-weight:900}.connection-state b{color:#92400e;font-size:13px}.connection-state p{color:#a16207;font-size:11px;line-height:1.5;margin:4px 0 0}.settings-list{margin:20px 0}.settings-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.settings-list span{color:var(--slate)}.settings-list b{color:var(--navy);text-align:right}.warn-text{color:var(--amber)!important}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.rule-row b,.rule-row small{display:block}.rule-row b{color:var(--navy);font-size:12px}.rule-row small{color:var(--slate);font-size:10px;margin-top:4px}.toggle{display:block;flex:none;width:42px;height:24px;padding:3px;border-radius:99px;background:#cbd5e1}.toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a30}.toggle-on{background:#22c55e}.toggle-on i{margin-left:18px}.disabled-toggle{opacity:.55}.local-card{grid-column:span 2}.local-intro{color:var(--slate);font-size:13px;margin:0 0 17px}.local-tags{display:flex;flex-wrap:wrap;gap:8px}.local-tags span{padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--slate);background:#f8fafc;font-size:11px;font-weight:800}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.local-card{grid-column:auto}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.settings-foot{display:block}.settings-foot span{display:block;margin-bottom:12px}.settings-foot .secondary-button{width:100%}}