:root{--teacher-burgundy:#4a0010;--teacher-burgundy-2:#680d1c;--teacher-burgundy-3:#861c31;--teacher-gold:#d4af37;--teacher-gold-light:#f4d982;--teacher-gold-dark:#9f7919;--teacher-paper:#f8f0df;--teacher-paper-2:#fffaf0;--teacher-paper-3:#eee0c5;--teacher-ink:#2c1810;--teacher-muted:#806d5f;--teacher-shadow:0 24px 60px rgba(50,18,12,.14),0 8px 20px rgba(50,18,12,.1);--teacher-radius:18px}.teacher-portal{min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(212,175,55,.16),transparent 25%),radial-gradient(circle at 90% 15%,rgba(128,0,32,.1),transparent 30%),linear-gradient(135deg,#f4ead7,#fffaf0 48%,#eadbc0);color:var(--teacher-ink);position:relative;isolation:isolate}.teacher-portal:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.28;background-image:radial-gradient(rgba(74,0,16,.1) .6px,transparent .7px);background-size:7px 7px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.teacher-scene{perspective:1500px;transform-style:preserve-3d}.teacher-hero{position:relative;overflow:hidden;min-height:260px;border-radius:28px;background:radial-gradient(circle at 78% 30%,hsla(46,84%,73%,.28),transparent 24%),linear-gradient(135deg,#4a0010,#680d1c 50%,#3d000d);border:1px solid rgba(212,175,55,.75);box-shadow:0 35px 70px rgba(58,0,12,.25),inset 0 1px 0 hsla(0,0%,100%,.16);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.teacher-hero:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:0 42px 85px rgba(58,0,12,.3),inset 0 1px 0 hsla(0,0%,100%,.18)}.teacher-hero:before{inset:12px;border:1px solid hsla(46,84%,73%,.42);border-radius:21px}.teacher-hero:after,.teacher-hero:before{content:"";position:absolute;pointer-events:none}.teacher-hero:after{width:420px;height:420px;right:-120px;top:-170px;border-radius:50%;background:radial-gradient(circle,hsla(46,84%,73%,.34),transparent 65%);filter:blur(8px)}.teacher-emblem{width:118px;height:118px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4d982,#d4af37 42%,#8f6818 100%);border:3px solid rgba(255,246,202,.85);box-shadow:0 22px 35px rgba(0,0,0,.28),inset 0 3px 5px hsla(0,0%,100%,.65),inset 0 -8px 12px rgba(70,30,0,.22);transform:translateZ(45px) rotateX(2deg);transform-style:preserve-3d;position:relative;z-index:2}.teacher-emblem:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(74,0,16,.55);box-shadow:inset 0 0 0 5px hsla(0,0%,100%,.15)}.teacher-emblem-glyph{font-family:Times New Roman,Georgia,serif;font-size:48px;font-weight:700;color:var(--teacher-burgundy);text-shadow:0 2px 0 hsla(0,0%,100%,.4),0 5px 8px rgba(60,0,0,.25);transform:translateZ(12px)}.teacher-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;transform-style:preserve-3d}.teacher-stat{position:relative;min-height:145px;padding:22px;border-radius:var(--teacher-radius);background:linear-gradient(145deg,rgba(255,252,243,.98),hsla(40,55%,85%,.86));border:1px solid rgba(212,175,55,.62);box-shadow:var(--teacher-shadow);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.teacher-stat:hover{transform:translateY(-8px) rotateX(4deg) rotateY(-3deg) translateZ(18px);box-shadow:0 34px 65px rgba(50,18,12,.2),0 8px 20px rgba(50,18,12,.12)}.teacher-stat:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:14px;background:radial-gradient(ellipse,rgba(74,0,16,.22),transparent 70%);filter:blur(8px);transform:translateZ(-15px);pointer-events:none}.teacher-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,var(--teacher-burgundy-2),var(--teacher-burgundy));color:var(--teacher-gold-light);border:1px solid rgba(212,175,55,.7);box-shadow:0 9px 16px rgba(74,0,16,.24),inset 0 1px 0 hsla(0,0%,100%,.16);transform:translateZ(25px)}.teacher-card{position:relative;border-radius:var(--teacher-radius);background:linear-gradient(145deg,rgba(255,251,240,.95),hsla(41,66%,90%,.88));border:1px solid rgba(212,175,55,.52);box-shadow:var(--teacher-shadow);transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.teacher-card:hover{transform:translateY(-5px) rotateX(2deg) translateZ(8px);box-shadow:0 30px 65px rgba(50,18,12,.17)}.teacher-card-title{color:var(--teacher-burgundy);font-family:Georgia,Times New Roman,serif;font-weight:700}.teacher-action{min-height:92px;display:flex;align-items:center;gap:14px;padding:18px;border-radius:15px;background:linear-gradient(145deg,#fffaf0,#efe1c6);border:1px solid rgba(212,175,55,.48);box-shadow:0 12px 24px rgba(50,18,12,.09),inset 0 1px 0 hsla(0,0%,100%,.65);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.teacher-action:hover{transform:translateY(-5px) translateZ(10px) rotateX(2deg);box-shadow:0 20px 38px rgba(50,18,12,.15)}.teacher-action-icon{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#6d1020,#3f000d);color:var(--teacher-gold-light);border:1px solid rgba(212,175,55,.65);box-shadow:0 8px 14px rgba(74,0,16,.2);transform:translateZ(15px)}.teacher-schedule-row{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(128,109,95,.18)}.teacher-schedule-row:last-child{border-bottom:none}.teacher-time{font-family:Georgia,serif;color:var(--teacher-burgundy);font-weight:700}.teacher-gold-divider{height:2px;background:linear-gradient(90deg,transparent,var(--teacher-gold),transparent);opacity:.65}.teacher-button{position:relative;border:1px solid rgba(212,175,55,.75);border-radius:12px;padding:11px 18px;color:#fff5d7;background:linear-gradient(145deg,#74172a,#4a0010);box-shadow:0 8px 16px rgba(74,0,16,.24),inset 0 1px 0 hsla(0,0%,100%,.14);transition:transform .18s ease,box-shadow .18s ease}.teacher-button:hover{transform:translateY(-2px) translateZ(4px);box-shadow:0 13px 24px rgba(74,0,16,.3)}.teacher-button:active{transform:translateY(2px)}.teacher-floating{position:absolute;pointer-events:none;opacity:.16;color:var(--teacher-gold-light);font-family:Georgia,serif;animation:teacherFloat 7s ease-in-out infinite}@keyframes teacherFloat{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(0,-8px,18px) rotate(2deg)}}@media (max-width:1100px){.teacher-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.teacher-stats{grid-template-columns:1fr}.teacher-hero{min-height:320px;border-radius:20px}.teacher-emblem{width:88px;height:88px}.teacher-emblem-glyph{font-size:36px}.teacher-schedule-row{grid-template-columns:62px 1fr}.teacher-schedule-row>:last-child{grid-column:2}}@media (prefers-reduced-motion:reduce){.teacher-portal *,.teacher-portal :after,.teacher-portal :before{animation:none!important;transition:none!important}.teacher-action:hover,.teacher-card:hover,.teacher-hero:hover,.teacher-stat:hover{transform:none!important}}:root{--es-bg:#080b12;--es-surface:hsla(0,0%,100%,.055);--es-surface-strong:hsla(0,0%,100%,.085);--es-border:rgba(212,175,55,.22);--es-gold:#d4af37;--es-gold-light:#f4d03f;--es-red:#800020;--es-red-dark:#4a0010;--es-text:#f5f2e8;--es-muted:#a7a7ad;--es-shadow:0 25px 80px rgba(0,0,0,.42)}.es-app-bg{min-height:100vh;color:var(--es-text);background:radial-gradient(circle at 15% 10%,rgba(212,175,55,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(128,0,32,.16),transparent 30%),radial-gradient(circle at 50% 100%,rgba(212,175,55,.07),transparent 35%),linear-gradient(135deg,#070a10,#0c111b 48%,#090c13)}.es-glass{background:linear-gradient(145deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.025));border:1px solid hsla(0,0%,100%,.09);box-shadow:0 25px 70px rgba(0,0,0,.32),inset 0 1px 0 hsla(0,0%,100%,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.es-card-3d{position:relative;background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035));border:1px solid var(--es-border);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 2px 0 hsla(0,0%,100%,.06),inset 0 -10px 30px rgba(0,0,0,.12);transform:perspective(1000px) translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.es-card-3d:hover{transform:perspective(1000px) translateY(-5px) rotateX(1deg);border-color:rgba(212,175,55,.48);box-shadow:0 32px 70px rgba(0,0,0,.48),0 0 35px rgba(212,175,55,.07)}.es-gold-edge{position:relative;overflow:hidden}.es-gold-edge:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--es-gold),transparent);opacity:.8}.es-icon-3d{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,rgba(212,175,55,.22),rgba(128,0,32,.28));border:1px solid rgba(212,175,55,.3);box-shadow:0 12px 25px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.12);transform:translateZ(12px);transition:.25s ease}.es-card-3d:hover .es-icon-3d{transform:translateZ(22px) rotateY(-6deg) rotateX(4deg)}.es-kpi{position:relative;overflow:hidden}.es-kpi:after{content:"";position:absolute;width:140px;height:140px;right:-60px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 65%);pointer-events:none}.es-button-3d{border-radius:12px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(145deg,#8a102d,#4a0010);color:#f4d03f;box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.14);transition:.2s ease}.es-button-3d:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.42),0 0 20px rgba(212,175,55,.1)}.es-button-3d:active{transform:translateY(1px)}.es-sidebar{background:linear-gradient(180deg,rgba(12,15,24,.96),rgba(7,9,15,.98));border-right:1px solid rgba(212,175,55,.14);box-shadow:15px 0 50px rgba(0,0,0,.22)}.es-nav-item{position:relative;border-radius:12px;color:#aaa;transition:background .2s ease,color .2s ease,transform .2s ease}.es-nav-item:hover{color:#f4d03f;background:rgba(212,175,55,.07);transform:translateX(3px)}.es-nav-item.active{color:#f4d03f;background:linear-gradient(90deg,rgba(128,0,32,.32),rgba(212,175,55,.06));box-shadow:inset 3px 0 0 #d4af37}.es-topbar{background:rgba(8,11,18,.78);border-bottom:1px solid rgba(212,175,55,.12);backdrop-filter:blur(20px)}.es-avatar-3d{border-radius:50%;border:2px solid rgba(212,175,55,.55);box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px rgba(212,175,55,.08);transform:translateZ(10px)}.es-floating{animation:esFloat 6s ease-in-out infinite}@keyframes esFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.es-glow{box-shadow:0 0 0 1px rgba(212,175,55,.08),0 0 35px rgba(212,175,55,.08)}.es-page-title{font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.02em;background:linear-gradient(90deg,#f4d03f,#fff2a8,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent}.es-scroll::-webkit-scrollbar{width:7px}.es-scroll::-webkit-scrollbar-track{background:transparent}.es-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#800020,#d4af37);border-radius:20px}@media (max-width:768px){.es-card-3d:hover{transform:translateY(-2px)}.es-sidebar{box-shadow:10px 0 35px rgba(0,0,0,.4)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}