:root{--bg-main: #fcf8f8;--bg-surface: rgba(255, 255, 255, .85);--border-color: rgba(241, 226, 226, .8);--text-main: #2c0d0d;--text-muted: #7c6464;--primary: #991b1b;--primary-hover: #7f1d1d;--accent-gold: #d97706;--accent-light-red: rgba(153, 27, 27, .05);--success: #16a34a;--danger: #dc2626;--shadow-sm: 0 4px 16px rgba(153, 27, 27, .02);--shadow-md: 0 12px 32px -8px rgba(153, 27, 27, .06);--glass-blur: blur(12px)}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-bottom:1px solid rgba(255,255,255,.15);padding:18px 24px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #991b1b26;transition:all .3s ease}.school-info h1{font-size:1.6rem;font-weight:700;color:#fff!important;margin:0;letter-spacing:-.01em;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:initial!important}.school-info p{font-size:.9rem;color:#fffc;margin:0;font-weight:400}.logo-section{display:flex;align-items:center;gap:18px}.school-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;padding:6px;box-shadow:0 8px 20px #991b1b14;border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.school-logo:hover{transform:scale(1.05) rotate(3deg)}.school-logo img{width:100%;height:100%;object-fit:contain}.school-info{display:flex;flex-direction:column;gap:2px}.school-info h1{font-size:1.6rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em;background:linear-gradient(135deg,var(--text-main) 20%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{background:#991b1b05;border-bottom:1px solid var(--border-color);padding:0 24px;position:sticky;top:110px;z-index:999;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.nav-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:8px}.nav-item{display:inline-block;padding:14px 20px;color:var(--text-main);font-size:.95rem;font-weight:500;text-decoration:none;position:relative;transition:color .25s ease}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--primary);border-radius:3px 3px 0 0;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-item:hover{color:var(--primary)}.nav-item:hover:after{width:80%}.nav-item[href="/admin"]{margin-left:auto;color:var(--primary);font-weight:600;background-color:#991b1b0f;border-radius:8px;padding:8px 16px;margin-top:6px;margin-bottom:6px;transition:all .25s ease}.nav-item[href="/admin"]:after{display:none}.nav-item[href="/admin"]:hover{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #991b1b33}.main-container{display:grid;grid-template-columns:280px 1fr 280px;gap:24px;max-width:1440px;margin:0 auto;padding:24px}.main-container2{display:flex;max-width:1440px;margin:0 auto;padding:24px;gap:28px;align-items:flex-start}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.left-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:180px;max-height:calc(100vh - 210px);overflow-y:auto;padding-right:4px}.left-sidebar::-webkit-scrollbar{width:4px}.left-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.left-header{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px;margin-top:8px;padding-left:8px}.sidebar-content{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;padding:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--text-main);font-size:.95rem;font-weight:400;text-decoration:none;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.sidebar-item:hover{background-color:#991b1b0f;color:var(--primary);padding-left:18px;font-weight:500}.sidebar-item:active{transform:scale(.98);background-color:#991b1b1f}.content-header{font-size:1.35rem;font-weight:600;color:var(--text-main);border-left:4px solid var(--primary);padding-left:12px;margin:10px 0 5px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.video-card{padding:12px!important;overflow:hidden}.video-responsive{position:relative;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-info h3{font-size:.95rem;margin:12px 4px 4px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-container{padding:16px!important;border-radius:20px}.sidebar-header{font-size:1.05rem;font-weight:600;color:var(--text-main);margin:20px 0 10px}.executive-list{display:flex;flex-direction:column;gap:12px}.director-card{display:flex;align-items:center;gap:16px;padding:12px 16px!important}.director-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid #ffffff;box-shadow:0 4px 10px #991b1b1a;background-color:#fcf8f8}.director-avatar img{width:100%;height:100%;object-fit:cover}.director-name{font-size:.95rem;font-weight:500;color:var(--text-main)}.director-title{font-size:.8rem;color:var(--text-muted)}.calendar-card{padding:16px!important}.calendar-title{text-align:center;font-weight:600;font-size:.95rem;margin-bottom:12px;color:var(--primary)}.calendar-table{width:100%;border-collapse:collapse;font-size:.85rem}.calendar-table th{padding:6px 0;color:var(--text-muted);font-weight:500}.calendar-table th:first-child,.calendar-table td:first-child{color:#dc2626}.calendar-table td{text-align:center;padding:8px 0;font-weight:400;border-radius:8px;color:var(--text-main)}.calendar-today{background-color:var(--primary)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #991b1b59}.holiday-badge{font-size:.75rem;background:#dc26260f;color:var(--danger);padding:6px!important;border-radius:8px;text-align:center;font-weight:500}.stats-card{display:flex;flex-direction:column;gap:10px;padding:20px!important}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.stat-lbl{color:var(--text-muted)}.stat-val{font-weight:600;color:var(--text-main)}.stat-divider{height:1px;background-color:var(--border-color);margin:4px 0}.stat-row.total .stat-lbl{color:var(--text-main);font-weight:500}.stat-row.total .stat-val{color:var(--accent-gold);font-size:1.1rem;text-shadow:0 2px 4px rgba(217,119,6,.1)}@media (max-width: 1150px){.main-container{grid-template-columns:260px 1fr}.right-sidebar{display:none}}@media (max-width: 1024px){.main-container2{flex-direction:column;padding:16px;gap:20px}.left-sidebar{width:100%;position:static;max-height:none;overflow-y:visible;display:flex!important}}@media (max-width: 768px){.header{padding:12px 16px}.school-logo{width:56px;height:56px;border-radius:12px;padding:4px}.school-info h1{font-size:1.2rem;line-height:1.2}.school-info p{font-size:.75rem;line-height:1.3}.logo-section{gap:12px}.main-container{grid-template-columns:1fr;padding:12px}.main-container .left-sidebar{display:none!important}.video-grid{grid-template-columns:1fr}.nav-menu{padding:0 12px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;top:80px}.nav-menu::-webkit-scrollbar{display:none}.nav-container{gap:0}.nav-item{padding:12px 14px;font-size:.85rem}.nav-item[href="/admin"]{margin-left:12px;padding:6px 12px}}