:root{color:#142033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4f8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#root,.page{min-height:100vh}.shell-page{background:linear-gradient(135deg,#2563eb1c,#0000 32%),linear-gradient(315deg,#1294791c,#0000 30%),#f4f8fb;padding:40px clamp(18px,5vw,72px)}.home-page{align-content:center;display:grid}.home-shell,.topbar{width:min(1120px,100%);margin:0 auto}.home-shell{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:stretch;gap:28px;display:grid}.home-left,.home-right{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #7890a83d;border-radius:26px;padding:clamp(24px,4vw,36px);box-shadow:0 18px 50px #1f344817}.home-left{flex-direction:column;justify-content:center;display:flex}.brand-mark,.feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0f9f8f);border-radius:18px;place-items:center;width:64px;height:64px;display:inline-grid;box-shadow:0 18px 45px #2563eb38}.eyebrow{color:#43708f;margin:18px 0 10px;font-size:15px;font-weight:700}h1,h2,p{margin:0}.home-left h1,.topbar h1{color:#0f233d;letter-spacing:0;font-size:clamp(36px,6vw,58px);line-height:1.04}.lead{color:#53677b;margin-top:18px;font-size:20px}.home-functions{gap:14px;margin-top:34px;display:grid}.home-function{background:#f8fbfd;border:1px solid #d8e4ee;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:98px;padding:18px;display:grid}.home-function.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0f9f8f);border-color:#0000;box-shadow:0 18px 38px #2563eb38}.home-function.disabled{color:#6f8192}.home-function strong,.home-function small{display:block}.home-function strong{font-size:22px}.home-function small{margin-top:5px;font-size:14px}.teacher-panel-title{color:#17324d;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.teacher-panel-title .eyebrow{margin-top:0}.teacher-panel-title h2{font-size:30px}.teacher-grid,.feature-grid,.duty-layout,.announcement-layout{width:min(1120px,100%);margin:0 auto}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.teacher-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.teacher-card,.feature-card,.duty-form,.table-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #7890a83d;box-shadow:0 18px 50px #1f344817}.teacher-card{color:#17324d;text-align:left;cursor:pointer;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:104px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.teacher-grid.compact .teacher-card{border-radius:17px;min-height:86px;padding:15px}.teacher-card:hover{border-color:#2563eb73;transform:translateY(-3px);box-shadow:0 22px 54px #1f344824}.avatar{color:#fff;background:#2563eb;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.teacher-card strong{font-size:20px;display:block}.teacher-card small{color:#60788f;margin-top:5px;font-size:14px;display:block}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.topbar.compact h1{font-size:clamp(30px,4vw,46px)}.identity-pill{color:#16514c;white-space:nowrap;background:#dff8f1;border:1px solid #bfeae0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-weight:800;display:inline-flex}.notice-line{color:#725019;background:#fff3d6;border:1px solid #f2d188;border-radius:16px;width:min(1120px,100%);margin:0 auto 18px;padding:14px 18px;font-weight:700}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-card{border-radius:22px;flex-direction:column;min-height:310px;padding:26px;display:flex}.feature-card h2{color:#132a42;margin-top:24px;font-size:25px}.feature-card p{color:#5d7082;margin:12px 0 26px;line-height:1.7}.feature-card .button{margin-top:auto}.feature-card.muted{background:#f4f8fbc7}.button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #2563eb38}.button.secondary,.button.ghost{color:#1f3e5c;box-shadow:none;background:#fff;border:1px solid #7890a847}.button:disabled{color:#8292a1;cursor:not-allowed;background:#edf2f6}.announcement-layout{grid-template-columns:360px 1fr;align-items:start;gap:22px;display:grid}.duty-form,.table-wrap{border-radius:22px}.duty-form{padding:22px}.form-title{color:#17324d;align-items:center;gap:10px;margin-bottom:18px;display:flex}.form-title h2{font-size:22px}.duty-form label,.duty-form fieldset{color:#29465e;gap:9px;margin:0 0 18px;font-weight:800;display:grid}.duty-form fieldset{border:0;padding:0}.duty-form legend{margin-bottom:9px}.duty-form input[type=date],.login-modal input,.profile-form input,.duty-form select,.announcement-item select,.duty-modal select,.duty-form textarea{color:#172b40;background:#fff;border:1px solid #ccd8e3;border-radius:14px;outline:none;width:100%;padding:12px 13px}.profile-card{background:#ffffffdb;border:1px solid #7890a83d;border-radius:24px;grid-template-columns:320px 1fr;gap:26px;width:min(900px,100%);margin:0 auto;padding:26px;display:grid;box-shadow:0 18px 50px #1f344817}.admin-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;width:min(1120px,100%);margin:0 auto;display:grid}.admin-panel{background:#ffffffdb;border:1px solid #7890a83d;border-radius:24px;padding:24px;box-shadow:0 18px 50px #1f344817}.admin-panel h2{color:#132a42;margin-bottom:18px;font-size:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#f4f9fc;border:1px solid #dce8f0;border-radius:16px;gap:8px;min-height:92px;padding:16px;display:grid}.metric-card span{color:#60788f;font-size:14px;font-weight:800}.metric-card strong{color:#17324d;word-break:break-word;font-size:18px;line-height:1.35}.log-list{gap:12px;max-height:620px;padding-right:4px;display:grid;overflow:auto}.log-item{background:#f8fbfd;border:1px solid #dce8f0;border-radius:16px;gap:8px;padding:15px;display:grid}.log-item div{justify-content:space-between;align-items:center;gap:12px;display:flex}.log-item strong{color:#17324d;font-size:18px}.log-item span{color:#2563eb;font-weight:900}.log-item p{color:#38566e;line-height:1.55}.log-item small{color:#6d8193}.profile-preview{color:#17324d;background:#f3f8fc;border:1px solid #dce8f0;border-radius:22px;align-content:center;place-items:center;gap:10px;min-height:300px;display:grid}.profile-preview img,.profile-preview span{color:#fff;object-fit:cover;background:#2563eb;border-radius:36px;place-items:center;width:138px;height:138px;font-size:54px;font-weight:900;display:grid}.profile-preview strong{font-size:26px}.profile-preview small{color:#60788f;font-weight:800}.profile-form{align-content:start;gap:18px;display:grid}.profile-form label{color:#29465e;gap:9px;font-weight:800;display:grid}.helper-text{color:#60788f;line-height:1.7}.duty-form textarea{resize:vertical}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sync-pill{color:#2c627f;background:#eaf5fb;border:1px solid #cfe4f0;border-radius:999px;align-items:center;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.duty-teacher-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.duty-teacher-option{cursor:pointer;background:#f5f9fc;border:1px solid #d6e0e9;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;padding:12px;position:relative;color:#244056!important;gap:10px!important;margin:0!important;font-weight:800!important;display:grid!important}.duty-teacher-option input{opacity:0;pointer-events:none;position:absolute}.duty-teacher-option span{color:#2563eb;background:#e9f1ff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.duty-teacher-option:has(input:checked){background:#e8f0ff;border-color:#2563eb;box-shadow:0 10px 22px #2563eb21;color:#0f3f8f!important}.duty-teacher-option:has(input:checked) span{color:#fff;background:#2563eb}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.table-wrap{overflow:auto}.announcement-list{gap:14px;display:grid}.announcement-item{background:#ffffffdb;border:1px solid #7890a83d;border-radius:18px;grid-template-columns:160px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 18px 50px #1f344812}.announcement-item.urgent{background:#fff6f4;border-color:#f5b5ae}.announcement-item.grade{background:#f4f8ff;border-color:#b8d6ff}.announcement-item.activity{background:#f3fbf7;border-color:#bce7d6}.announcement-item textarea{color:#172b40;resize:vertical;background:#fff;border:1px solid #ccd8e3;border-radius:14px;width:100%;padding:12px 13px}.announcement-item button{color:#28506f;cursor:pointer;background:#eef5fa;border:1px solid #d7e2eb;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.empty-state{color:#60788f;background:#ffffffbf;border:1px dashed #b7c8d8;border-radius:18px;padding:22px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1f3159;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.duty-modal{color:#17324d;background:#fff;border-radius:24px;width:min(620px,100%);padding:24px;box-shadow:0 30px 80px #0c1f3142}.duty-modal fieldset,.duty-modal label{color:#29465e;gap:9px;margin:0 0 18px;font-weight:800;display:grid}.duty-modal fieldset{border:0;padding:0}.duty-modal textarea{color:#172b40;resize:vertical;background:#fff;border:1px solid #ccd8e3;border-radius:14px;width:100%;padding:12px 13px}.modal-title-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.modal-title-row .eyebrow{margin-top:0}.modal-title-row h2{color:#0f233d;font-size:28px}.modal-title-row button{color:#28506f;cursor:pointer;background:#eef5fa;border:1px solid #d7e2eb;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.login-modal{color:#17324d;background:#fff;border-radius:22px;width:min(420px,100%);padding:24px;box-shadow:0 30px 80px #0c1f3142}.login-modal label{color:#29465e;gap:9px;margin:18px 0;font-weight:800;display:grid}.form-error{color:#b42318;margin:-4px 0 14px;font-weight:700}table{border-collapse:collapse;width:100%;min-width:720px}.calendar-shell{background:#ffffffdb;border:1px solid #7890a83d;border-radius:24px;width:min(1120px,100%);margin:0 auto;padding:22px;box-shadow:0 18px 50px #1f344817}.month-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.month-tabs button{color:#2b526e;cursor:pointer;background:#f3f8fc;border:1px solid #d7e4ee;border-radius:999px;min-height:42px;padding:0 18px;font-weight:800}.month-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.calendar-weekdays,.duty-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.calendar-weekdays{color:#5c7890;text-align:center;margin-bottom:10px;font-weight:900}.calendar-day{color:#183b57;text-align:left;cursor:pointer;background:#f7fbfe;border:1px solid #dce8f0;border-radius:18px;min-height:118px;padding:12px}.calendar-day.empty{cursor:default;background:0 0;border-color:#0000}.calendar-day.today{border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb1f}.calendar-day.my-duty{color:#0f3f45;background:linear-gradient(135deg,#e5fbf5 0%,#edf6ff 100%);border-color:#14b8a6;box-shadow:0 16px 32px #14b8a62e,inset 0 0 0 2px #14b8a629}.calendar-day.today.my-duty{border-color:#0f9f8f;box-shadow:0 16px 32px #14b8a633,inset 0 0 0 3px #2563eb2e}.calendar-day-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.calendar-day .day-number{color:#2563eb;background:#e8f0ff;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid}.calendar-day.my-duty .day-number{color:#fff;background:#0f9f8f}.my-duty-badge{color:#fff;white-space:nowrap;background:#0f766e;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.calendar-day strong,.calendar-day small{display:block}.calendar-day strong{font-size:20px}.calendar-day small{color:#62798b;margin-top:8px;line-height:1.35}.mail-log-panel{background:#fff;border:1px solid #dce8f0;border-radius:22px;width:min(1180px,100%);margin:28px auto 0;padding:24px;box-shadow:0 18px 45px #234d6a14}.section-title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-title-row h2{color:#183b57;margin:0;font-size:26px}.mail-log-table-wrap{border:1px solid #e2e9f0;border-radius:16px;overflow-x:auto}.mail-log-table{border-collapse:collapse;width:100%;min-width:820px}.mail-status{border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-flex}.mail-status.success{color:#047857;background:#dff8ec}.mail-status.failed{color:#b42318;background:#ffe4e0}.mail-status.skipped{color:#566575;background:#edf2f7}.empty-table{color:#60788f;text-align:center;font-weight:800}.empty-table svg{vertical-align:-4px;margin-right:8px}th,td{text-align:left;border-bottom:1px solid #e2e9f0;padding:17px 16px}th{color:#4e6a83;background:#f2f7fb;font-size:14px}td{color:#20384f}.row-actions{gap:8px;display:flex}.row-actions button{color:#28506f;cursor:pointer;background:#eef5fa;border:1px solid #d7e2eb;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.plaza-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1120px,100%);margin:0 auto;display:grid}.switch-list{gap:10px}.switch-list label{align-items:center;gap:10px;margin:0;display:flex}.result-list,.plaza-result-list{gap:12px;margin-top:16px;display:grid}.result-bar{gap:8px;display:grid}.result-bar div{color:#244056;justify-content:space-between;gap:14px;font-weight:900;display:flex}.result-bar span{color:#60788f}.result-bar i{background:#e4eef6;border-radius:999px;height:12px;overflow:hidden}.result-bar b{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0f9f8f);min-width:8px;height:100%;display:block}.mood-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.mood-stat{color:#17324d;background:#f5f9fc;border:1px solid #dce8f0;border-radius:16px;gap:6px;padding:15px;display:grid}.mood-stat span{font-size:30px}.mood-stat small{color:#60788f;line-height:1.45}.task-add-row{grid-template-columns:130px 1fr auto;gap:10px;margin-bottom:16px;display:grid}.task-add-row select,.task-add-row input,.task-admin-item textarea{color:#172b40;background:#fff;border:1px solid #ccd8e3;border-radius:14px;outline:none;width:100%;padding:12px 13px}.task-admin-list{gap:10px;max-height:520px;display:grid;overflow:auto}.task-admin-item{background:#f8fbfd;border:1px solid #dce8f0;border-radius:16px;grid-template-columns:auto 92px 1fr auto;align-items:center;padding:12px;gap:10px!important;margin:0!important;display:grid!important}.task-admin-item span{color:#2563eb;font-weight:900}.task-admin-item button{color:#28506f;cursor:pointer;background:#eef5fa;border:1px solid #d7e2eb;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.plaza-gate-page{color:#17324d;background:radial-gradient(circle at 18% 22%,#ec489924,#0000 24%),radial-gradient(circle at 82% 24%,#2563eb26,#0000 28%),linear-gradient(135deg,#f0f8ff,#fffaf0 52%,#f2fbf6);place-items:center;min-height:100vh;padding:24px;display:grid}.plaza-gate-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #7890a83d;border-radius:30px;gap:18px;width:min(520px,100%);padding:34px;display:grid;box-shadow:0 26px 80px #1f344824}.plaza-gate-card h1{color:#0f233d;font-size:clamp(34px,5vw,52px);line-height:1.05}.plaza-gate-card p:not(.eyebrow):not(.form-error){color:#53677b;font-size:19px;line-height:1.55}.plaza-gate-card label{color:#29465e;gap:9px;font-weight:900;display:grid}.plaza-gate-card input{color:#172b40;background:#fff;border:1px solid #ccd8e3;border-radius:16px;outline:none;width:100%;padding:14px 15px}.plaza-page{color:#17324d;background:radial-gradient(circle at 14% 18%,#f5b7422e,#0000 26%),radial-gradient(circle at 84% 20%,#5cc4a12e,#0000 28%),linear-gradient(135deg,#f0f8ff,#fffaf0 48%,#f2fbf6);place-items:center;min-height:100vh;max-height:100vh;padding:clamp(16px,2.2vw,34px);display:grid;position:relative;overflow:hidden}.plaza-page:before{content:"";pointer-events:none;border:2px dashed #2563eb24;border-radius:38px;position:absolute;inset:18px}.plaza-dashboard-link{z-index:2;color:#28506f;background:#ffffffd1;border:1px solid #7890a847;border-radius:999px;padding:12px 18px;font-weight:900;position:absolute;top:22px;right:28px}.plaza-home,.plaza-panel,.plaza-feedback{z-index:1;text-align:center;width:min(1760px,100%);position:relative}.plaza-theme{color:#16514c;background:#dff8f1;border-radius:999px;padding:8px 18px;font-size:clamp(17px,1.5vw,24px);font-weight:900;display:inline-flex}.plaza-home h1,.plaza-panel h1,.plaza-feedback h1{color:#0b2a4a;letter-spacing:0;margin-top:12px;font-size:clamp(54px,7vw,96px);line-height:1}.plaza-home p,.plaza-panel p{color:#4f667c;max-width:920px;margin:14px auto 0;font-size:clamp(24px,2.6vw,36px);font-weight:800;line-height:1.4}.plaza-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(34px,6vh,68px);display:grid}.plaza-entry{color:#fff;cursor:pointer;border:0;border-radius:34px;place-items:center;gap:14px;min-height:300px;padding:32px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 24px 60px #1f344824}.plaza-entry:hover,.plaza-choice-grid button:hover,.draw-button:hover{transform:translateY(-4px)scale(1.01)}.plaza-entry.idea{background:linear-gradient(135deg,#2563eb,#0f9f8f)}.plaza-entry.mood{background:linear-gradient(135deg,#f59e0b,#f97316)}.plaza-entry.task{background:linear-gradient(135deg,#7c3aed,#16a34a)}.plaza-entry strong{font-size:clamp(32px,3.4vw,48px)}.plaza-entry span{font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1.35}.plaza-home small{color:#5b748a;margin-top:0;font-size:clamp(16px,1.2vw,20px);font-weight:900;display:block}.plaza-live{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:calc(100vh - clamp(32px,4.4vw,68px));display:grid}.plaza-hero h1{font-size:clamp(34px,4vw,58px)}.plaza-hero>p:not(.plaza-theme){max-width:980px;font-size:clamp(16px,1.35vw,22px)}.plaza-toast,.plaza-cooldown{color:#16514c;background:#dff8f1;border:1px solid #bfeae0;border-radius:999px;align-items:center;gap:9px;min-height:44px;margin-top:10px;padding:8px 18px;font-size:clamp(17px,1.55vw,23px);font-weight:900;display:inline-flex}.plaza-cooldown{z-index:8;color:#725019;background:#fff3d6;border-color:#f2d188;margin-left:0;position:fixed;top:50%;left:28px;transform:translateY(-50%);box-shadow:0 18px 42px #72501929}.plaza-toast{z-index:8;position:fixed;top:50%;right:28px;transform:translateY(-50%);box-shadow:0 18px 42px #16514c29}.plaza-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;min-height:0;display:grid}.plaza-live-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #7890a83d;border-radius:30px;grid-template-rows:auto minmax(120px,1fr) auto;align-content:start;gap:10px;min-height:0;padding:14px;display:grid;overflow:hidden;box-shadow:0 22px 62px #1f34481f}.poll-card{border-top:8px solid #2563eb}.mood-card{border-top:8px solid #f59e0b}.task-card{border-top:8px solid #7c3aed}.selfie-card{border-top:8px solid #ec4899}.plaza-card-title{color:#0b2a4a;align-items:flex-start;gap:12px;min-height:76px;display:flex}.plaza-card-title svg{flex:none;margin-top:4px}.plaza-card-title h2{font-size:clamp(20px,1.65vw,27px)}.plaza-card-title p{color:#4f667c;margin-top:5px;font-size:clamp(13px,.96vw,16px);font-weight:800;line-height:1.35}.inline-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;display:grid}.inline-choice-grid button,.inline-draw-button,.inline-selfie-button{color:#12324e;cursor:pointer;background:#fff;border:2px solid #d8e6f0;border-radius:20px;min-height:clamp(48px,5.5vh,60px);padding:8px 12px;font-size:clamp(16px,1.25vw,22px);font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 12px 24px #1f344814}.inline-choice-grid button:hover,.inline-draw-button:hover,.inline-selfie-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1f34481f}.inline-choice-grid button:disabled,.inline-draw-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.selfie-preview{background:linear-gradient(135deg,#ec48991f,#7d5cff1f),#fff;border:2px solid #f6c7dc;border-radius:24px;align-self:stretch;place-items:center;min-height:0;padding:10px;display:grid;overflow:hidden}.selfie-preview img{object-fit:contain;border-radius:18px;width:100%;height:100%}.selfie-preview div{color:#8a3a65;place-items:center;gap:10px;font-weight:900;display:grid}.inline-selfie-button{color:#fff;text-align:center;background:linear-gradient(135deg,#ec4899,#7c3aed);border:0;justify-content:center;align-self:end;align-items:center;min-height:clamp(50px,5.8vh,64px);display:inline-flex}.mood-inline-grid{grid-template-columns:1fr}.mood-inline-grid button{justify-content:center;align-items:center;gap:8px;min-height:clamp(36px,4.2vh,46px);font-size:clamp(14px,1.05vw,19px);display:flex}.mood-inline-grid span{font-size:21px}.inline-result-list{gap:7px;display:grid}.plaza-live-card .result-bar{gap:6px}.plaza-live-card .result-bar div{font-size:clamp(15px,1.08vw,19px)}.plaza-live-card .result-bar i{height:10px}.inline-draw-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#16a34a);border:0;align-self:end;min-height:clamp(58px,7vh,76px);font-size:clamp(22px,1.75vw,30px)}.inline-drawn-task{color:#0b2a4a;background:#f5fbff;border:1px solid #cfe3f1;border-radius:24px;align-self:stretch;gap:9px;padding:14px;animation:.36s task-pop;display:grid;overflow:hidden}.inline-drawn-task span{color:#7c3aed;font-size:16px;font-weight:900}.inline-drawn-task strong{font-size:clamp(19px,1.55vw,27px);line-height:1.25}.inline-drawn-task small{color:#60788f;font-size:13px;font-weight:800}@keyframes task-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.plaza-panel,.plaza-feedback{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #7890a838;border-radius:38px;padding:clamp(30px,5vw,64px);box-shadow:0 26px 80px #1f34481f}.selfie-page{color:#17324d;background:radial-gradient(circle at 15% 18%,#ec48992e,#0000 25%),radial-gradient(circle at 84% 24%,#7c3aed29,#0000 26%),linear-gradient(135deg,#fff4fb,#eef8ff 52%,#fffaf0);min-height:100vh;padding:clamp(18px,3vw,44px);position:relative;overflow:hidden}.selfie-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:.72fr 1.3fr .82fr;align-items:stretch;gap:22px;width:min(1680px,100%);min-height:calc(100vh - clamp(36px,6vw,88px));margin:0 auto;display:grid}.selfie-copy,.selfie-actions,.captured-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #7890a838;border-radius:30px;padding:24px;box-shadow:0 22px 60px #1f34481f}.selfie-copy{align-self:start}.selfie-copy h1{color:#0b2a4a;margin-top:16px;font-size:clamp(38px,4.4vw,72px);line-height:1.04}.selfie-copy p:not(.plaza-theme),.selfie-actions p{color:#5a6f84;margin:16px 0 20px;font-size:clamp(20px,1.8vw,28px);font-weight:900;line-height:1.35}.camera-frame{aspect-ratio:3/4;background:linear-gradient(135deg,#ec489924,#2563eb24),#fff;border:10px solid #fff;border-radius:38px;place-self:start center;place-items:center;width:auto;height:min(76vh,720px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #1f34482e}.camera-frame:before{content:"";pointer-events:none;border:3px dashed #ffffffad;border-radius:26px;position:absolute;inset:18px}.camera-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-error{color:#725019;text-align:center;background:#fff3d6;border:1px solid #f2d188;border-radius:24px;padding:30px;font-size:24px;font-weight:900;line-height:1.45}.countdown-bubble{color:#fff;background:linear-gradient(135deg,#ec4899,#7c3aed);border:8px solid #ffffffc7;border-radius:50%;place-items:center;width:clamp(110px,13vw,180px);height:clamp(110px,13vw,180px);font-size:clamp(62px,8vw,120px);font-weight:1000;display:grid;position:absolute;box-shadow:0 24px 70px #7c3aed52}.selfie-actions{text-align:center;align-self:end;gap:16px;display:grid}.shutter-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#7c3aed);border:0;border-radius:32px;min-height:116px;font-size:clamp(30px,3vw,48px);font-weight:1000;box-shadow:0 22px 50px #ec48993d}.shutter-button:disabled{cursor:not-allowed;opacity:.62}.captured-preview{text-align:center;grid-column:2;align-self:end;gap:10px;display:grid}.captured-preview img{border-radius:22px;width:100%}.captured-preview strong{color:#ec4899;font-size:28px}.plaza-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:36px auto 0;display:grid}.plaza-choice-grid button,.draw-button,.plaza-back-button{color:#12324e;cursor:pointer;background:#fff;border:2px solid #d8e6f0;border-radius:26px;min-height:92px;padding:0 28px;font-size:clamp(26px,2.8vw,40px);font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 16px 36px #1f344814}.mood-grid button{place-items:center;gap:6px;display:grid}.mood-grid span{font-size:46px}.draw-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#16a34a);border:0;min-width:min(520px,100%);min-height:160px;margin-top:46px}.drawn-task{background:#f5fbff;border:1px solid #d6e7f2;border-radius:30px;gap:20px;max-width:900px;margin:36px auto 0;padding:34px;display:grid}.drawn-task span{color:#2563eb;font-size:24px;font-weight:900}.drawn-task strong{color:#0b2a4a;font-size:clamp(34px,4vw,58px);line-height:1.25}.drawn-task div{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.plaza-back-button{min-height:64px;margin-top:28px;font-size:22px}.plaza-back-button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.plaza-feedback{max-width:920px}.plaza-feedback svg{color:#0f9f8f}.plaza-feedback h1{font-size:clamp(34px,4.2vw,62px);line-height:1.3}.dashboard-page{color:#14304a;background:linear-gradient(135deg,#e6f3fff2,#f8fcfff5 42%,#ebfaf5f2),#f6fbff;min-height:100vh;padding:clamp(16px,2.4vw,30px);position:relative;overflow:hidden}.dashboard-page:before{content:"";pointer-events:none;background:linear-gradient(170deg,#0000 0 52%,#2563eb14 52% 64%,#0000 64%),linear-gradient(188deg,#0000 0 45%,#0f9f8f17 45% 58%,#0000 58%);height:30vh;position:absolute;inset:auto 0 0}.dashboard-page:after{z-index:1;content:"";pointer-events:none;background-image:radial-gradient(circle at 14% 18%,#2563eb29 0 3px,#0000 4px),radial-gradient(circle at 72% 26%,#0f9f8f29 0 3px,#0000 4px),radial-gradient(circle at 88% 72%,#f59e0b2e 0 3px,#0000 4px);background-size:120px 120px,150px 150px,135px 135px;animation:18s linear infinite dashboard-sparkle-drift;position:absolute;inset:0}.dashboard-school-shape{z-index:2;color:#2563eb3d;pointer-events:none;background:#ffffffad;border:1px solid #2563eb29;border-radius:30px;place-items:center;animation:5.6s ease-in-out infinite school-shape-float;display:grid;position:absolute;transform:rotate(-8deg);box-shadow:0 18px 44px #4b71911f}.shape-one{width:150px;height:150px;bottom:8vh;right:8vw}.shape-two{color:#0f9f8f45;width:132px;height:132px;bottom:16vh;left:5vw;transform:rotate(9deg)}.shape-three{color:#f59e0b4d;width:112px;height:112px;animation-delay:1.4s;top:5vh;right:28vw;transform:rotate(14deg)}.shape-four{color:#2563eb1a;width:104px;height:104px;animation-delay:2.1s;top:7vh;left:18vw;transform:rotate(-12deg)}.shape-five{color:#f59e0b52;width:90px;height:90px;animation-delay:3.2s;top:38vh;right:5vw;transform:rotate(10deg)}.dashboard-frame{z-index:3;grid-template-rows:auto 1fr;gap:clamp(16px,2.3vh,26px);max-width:1760px;min-height:calc(100vh - clamp(36px,6vw,68px));margin:0 auto;display:grid;position:relative}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.screen-label{color:#34728f;margin-bottom:13px;font-size:clamp(17px,1.8vw,22px);font-weight:800}.dashboard-header h1{color:#0b2a4a;letter-spacing:0;font-size:clamp(44px,5.4vw,68px);line-height:1}.dashboard-meta{grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;min-width:min(660px,52vw);display:grid}.weather-card,.date-card,.dashboard-panels article,.duty-spotlight{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #5f87a433;box-shadow:0 24px 70px #40688521}.weather-card,.date-card{border-radius:24px;align-items:center;gap:16px;min-width:0;padding:18px 20px;display:flex}.weather-card strong,.weather-card span,.date-card strong,.date-card span{display:block}.weather-card strong,.date-card strong{color:#0d3558;font-size:26px}.weather-card span,.date-card span{color:#4f768f;margin-top:5px;font-size:21px}.progress-board{grid-column:1/-1;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;width:100%;display:grid}.progress-card{background:linear-gradient(135deg,#ffffffb8,#eff9ff9e),#fff;border:1px solid #5f87a438;border-radius:18px;padding:12px 16px;position:relative;overflow:hidden;box-shadow:0 12px 30px #40688514}.progress-card:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#2563eb21 50%,#0000 50%),linear-gradient(#2563eb21 50%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;width:42px;height:42px;position:absolute;top:10px;right:14px;transform:rotate(9deg)}.progress-card div:first-child{z-index:1;justify-content:space-between;align-items:baseline;gap:16px;display:flex;position:relative}.progress-card span{color:#0d3558;font-size:clamp(16px,1.35vw,21px);font-weight:900}.progress-card strong{color:#2563eb;font-size:clamp(22px,1.9vw,30px);line-height:1}.time-progress{z-index:1;background:#e2edf5;border-radius:999px;width:100%;height:9px;margin-top:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 7px #3554701f}.time-progress i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0f9f8f,#f5b642) 0 0/180% 100%;min-width:8px;transition:width .9s;animation:2.8s ease-in-out infinite progress-shine;display:block;position:absolute;inset:0 auto 0 0;box-shadow:0 0 24px #0f9f8f61}.dashboard-main-grid{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:24px;display:grid}.duty-spotlight{text-align:center;background:linear-gradient(160deg,#ffffffe6,#ebf7ffd1),#fff;border-radius:32px;flex-direction:column;justify-content:center;min-height:340px;padding:30px;display:flex}.spotlight-icon{color:#2563eb;background:#e8f0ff;border-radius:28px;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid;overflow:hidden}.spotlight-icon img{object-fit:cover;width:100%;height:100%}.duty-spotlight p{color:#326f8c;font-size:clamp(28px,2.8vw,42px);font-weight:800}.duty-spotlight strong{color:#0b2a4a;letter-spacing:0;margin-top:16px;font-size:clamp(58px,6.6vw,96px);line-height:1.06}.daily-quote{color:#183b57;background:linear-gradient(135deg,#ffffffe0,#eff8ffcc),#fff;border:1px solid #5f87a438;border-radius:24px;margin-top:clamp(20px,2.4vw,32px);padding:clamp(18px,2vw,24px);box-shadow:inset 0 0 0 1px #ffffff94}.daily-quote span{color:#16514c;background:#dff8f1;border-radius:999px;margin-bottom:10px;padding:5px 12px;font-size:clamp(15px,1.2vw,18px);font-weight:900;display:inline-flex}.daily-quote blockquote{color:#0b2a4a;margin:0;font-size:clamp(24px,2.35vw,36px);font-weight:900;line-height:1.28}.daily-quote small{color:#4f768f;margin-top:8px;font-size:clamp(16px,1.35vw,20px);font-weight:800;display:block}.daily-quote p{color:#326f8c;margin-top:12px;font-size:clamp(17px,1.45vw,22px);font-weight:800;line-height:1.45}.dashboard-panels{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.dashboard-panels.single{grid-template-columns:1fr}.dashboard-panels article{background:linear-gradient(#ffffffeb,#f5fbffd6),#fff;border-radius:26px;min-height:340px;padding:clamp(24px,2.6vw,34px)}.panel-title{align-items:center;gap:12px;display:flex}.panel-title h2{color:#0b2a4a;font-size:clamp(28px,2.8vw,40px)}.dashboard-panels ul{color:#183b57;gap:12px;margin:20px 0 0;padding:0;font-size:clamp(22px,2vw,28px);line-height:1.35;list-style:none;display:grid}.dashboard-panels li{background:#f2f8fc;border:1px solid #dbe9f2;border-radius:20px;padding:13px 18px 13px 50px;position:relative}.dashboard-panels li.urgent{background:#fff0ed;border-color:#e5483e;animation:2.2s ease-in-out infinite urgent-card-pulse;box-shadow:0 18px 46px #d92d202e}.dashboard-panels li.grade{background:#f0f6ff;border-color:#c7dcff}.dashboard-panels li.activity{background:#effaf5;border-color:#bfe8d5}.announcement-badge{color:#fff;vertical-align:middle;background:#2563eb;border-radius:999px;margin-right:12px;padding:4px 10px;font-size:.62em;font-weight:900;display:inline-flex}.dashboard-panels li.urgent .announcement-badge{background:#d92d20;animation:1.5s ease-in-out infinite urgent-badge-pulse;box-shadow:0 0 #d92d2047}.dashboard-panels li.grade .announcement-badge{background:#2563eb}.dashboard-panels li.activity .announcement-badge{background:#0f9f8f}.dashboard-panels li:before{content:"";background:#0f9f8f;border-radius:999px;width:14px;height:14px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.dashboard-panels li.urgent:before{background:#d92d20;animation:1.2s ease-in-out infinite urgent-dot-pulse;box-shadow:0 0 0 8px #d92d201f}@keyframes school-shape-float{0%,to{margin-top:0}50%{margin-top:-12px}}@keyframes progress-shine{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes dashboard-sparkle-drift{0%{background-position:0 0,0 0,0 0}to{background-position:140px 140px,-180px 180px,160px -160px}}@keyframes urgent-card-pulse{0%,to{transform:scale(1);box-shadow:0 18px 46px #d92d202e}50%{transform:scale(1.015);box-shadow:0 22px 58px #d92d2052}}@keyframes urgent-badge-pulse{0%,to{box-shadow:0 0 #d92d203d}50%{box-shadow:0 0 0 12px #d92d2000}}@keyframes urgent-dot-pulse{0%,to{transform:translateY(-50%)}50%{transform:translateY(-50%)scale(1.75)}}@media (width<=920px){.topbar,.dashboard-header{flex-direction:column;align-items:stretch}.feature-grid,.announcement-layout,.dashboard-main-grid,.dashboard-panels,.progress-board,.home-shell{grid-template-columns:1fr}.feature-card{min-height:auto}.weather-card,.dashboard-meta{min-width:0}.duty-spotlight,.dashboard-panels article{min-height:320px}}@media (width<=620px){.shell-page{padding:28px 14px}.teacher-card{min-height:90px}.teacher-grid.compact{grid-template-columns:1fr}.form-actions{flex-direction:column}.profile-card,.admin-grid,.metric-grid{grid-template-columns:1fr}.topbar-actions{justify-content:stretch}.button{width:100%}.dashboard-page{padding:14px}.progress-card div:first-child{flex-direction:column;align-items:flex-start;gap:8px}.duty-spotlight{min-height:240px;padding:24px}.duty-teacher-options,.calendar-weekdays,.duty-calendar{grid-template-columns:1fr}.calendar-weekdays{display:none}.announcement-item{grid-template-columns:1fr}}