@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#203329;background:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#24583c;--green2:#34734e;--mint:#e7f0e7;--ink:#203329;--muted:#7d8980;--line:#e7ebe5;--card:#fff;--amber:#a66c1c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app-shell{min-height:100vh;padding-bottom:92px}.topbar{height:70px;padding:0 max(20px,calc((100vw - 760px)/2));display:flex;align-items:center;gap:11px;background:#ffffffe6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #24583c22}.brand-mark.small{width:40px;height:40px;border-radius:13px}.brand-text{display:flex;flex-direction:column;gap:2px;flex:1}.brand-text strong{font-size:15px}.brand-text span{font-size:11px;color:var(--muted)}.content{max-width:760px;margin:0 auto;padding:26px 20px 36px}.greeting{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#78917d;margin:0 0 8px}.greeting h1,.page-title h1{font-size:29px;letter-spacing:-.8px;margin:0 0 7px;font-weight:700}.muted{color:var(--muted);font-size:12px;margin:0;line-height:1.65}.date-badge{width:74px;height:82px;border-radius:20px;background:#e4eee3;color:var(--green);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.date-badge strong{font-size:23px;line-height:1.15}.date-badge span{font-size:10px}.date-strip{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:0 0 27px}.icon-btn{border:0;background:transparent;color:#637369;display:grid;place-items:center;border-radius:12px;padding:9px;min-width:36px;min-height:36px}.icon-btn:hover{background:#edf2ec}.day-pill{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:34px;padding:9px 7px;border-radius:14px;color:#7e8a80}.day-pill span{font-size:11px}.day-pill strong{font-size:15px;font-weight:600;color:#415147}.day-pill.selected{background:var(--green);color:#fff;box-shadow:0 6px 14px #24583c22}.day-pill.selected strong{color:#fff}.day-pill i{width:4px;height:4px;border-radius:50%;background:transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.section-heading h2,.section-heading h3{margin:0;font-size:16px;letter-spacing:-.2px}.section-heading p{margin-top:4px}.secondary,.primary{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;padding:11px 14px;white-space:nowrap}.secondary{background:#e7eee6;color:var(--green)}.primary{background:var(--green);color:#fff;box-shadow:0 5px 12px #24583c20}.primary:hover{background:#1c4830}.primary.compact{padding:9px 11px;font-size:11px}.full{width:100%;padding:14px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.mini-stat{padding:14px;border:1px solid #e8ede6;border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:8px}.mini-stat span{font-size:11px;color:var(--muted)}.mini-stat strong{font-size:23px;color:var(--ink)}.mini-stat small{font-size:11px;font-weight:500;color:var(--muted)}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-card{display:flex;gap:15px;padding:17px 15px;border-radius:18px;background:#fff;border:1px solid #edf0eb;box-shadow:0 5px 20px #24392a04}.time-col{width:54px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;padding-top:2px}.time-col strong{font-size:13px}.time-col span{font-size:11px;color:var(--muted)}.time-col i{position:absolute;right:4px;top:5px;bottom:0;width:1px;background:#e8eee6}.lesson-main{flex:1;min-width:0}.lesson-tags{display:flex;gap:6px;margin-bottom:8px}.tag{display:inline-flex;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:600}.tag-green{background:#e5f0e5;color:#38734e}.tag-purple{background:#f0eafa;color:#7554a4}.tag-done{background:#f0f3ef;color:#7a887d}.lesson-main h3{font-size:16px;margin:0 0 9px}.lesson-main p{display:flex;align-items:center;gap:5px;color:#79867c;font-size:11px;margin:5px 0}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #f0f2ee}.text-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:#526a59;font-size:11px;padding:8px 0}.empty{background:#fff;border:1px dashed #dce5da;border-radius:18px;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#839187;padding:25px}.empty strong{color:#3b4d40;font-size:14px}.empty p{font-size:11px;margin:0 0 4px}.top-gap{margin-top:30px}.confirmed-list,.student-list{background:#fff;border:1px solid #edf0eb;border-radius:16px;overflow:hidden}.confirmed-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;background:#fff;border:0;border-bottom:1px solid #f0f2ef;color:var(--ink)}.confirmed-row:last-child{border-bottom:0}.confirmed-row:hover{background:#fafcf9}.confirm-icon{width:34px;height:34px;border-radius:11px;background:#e8f2e8;color:#3d7a4f;display:grid;place-items:center;flex-shrink:0}.confirmed-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.confirmed-info strong{font-size:12px}.confirmed-info small{font-size:10px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;background:#fffffff0;border-top:1px solid #e6ebe4;padding:9px 12px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;max-width:150px;border:0;background:transparent;color:#9aa49b;font-size:10px;padding:5px}.bottom-nav button svg{width:20px;height:20px;stroke-width:1.8}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav button.active svg{stroke-width:2.4}.page-title{margin:5px 0 26px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:30px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;border:1px solid #e7ece5;border-radius:17px;background:#fff;color:var(--green);text-align:left}.action-tile svg{width:22px;height:22px}.action-tile strong{font-size:13px;color:var(--ink)}.action-tile span{font-size:10px;color:var(--muted)}.student-row{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid #f0f2ef}.student-row:last-child{border-bottom:0}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:#e6efe5;color:#356447;font-size:13px;font-weight:700;flex-shrink:0}.student-row>div{display:flex;flex-direction:column;gap:4px;flex:1}.student-row strong{font-size:12px}.student-row small{font-size:10px;color:var(--muted)}.student-number{font-size:10px;color:#a0aaa1}.month-picker{display:flex;align-items:center;gap:8px;margin-bottom:18px}.month-picker strong{font-size:16px;flex:1}.month-picker input{width:112px;border:1px solid var(--line);background:#fff;padding:8px;border-radius:10px;color:#526356;font-size:11px}.report-hero{background:linear-gradient(135deg,#1f5138,#34724e);color:#fff;padding:23px;border-radius:21px;margin-bottom:28px;box-shadow:0 12px 25px #24583c22}.report-hero>span{font-size:12px;color:#d4e4d7}.report-hero>strong{display:block;font-size:42px;margin:7px 0 15px}.report-hero>strong small{font-size:13px;font-weight:500}.report-divider{height:1px;background:#ffffff30;margin-bottom:16px}.report-bottom{display:flex;gap:35px}.report-bottom div{display:flex;flex-direction:column;gap:6px}.report-bottom span{font-size:10px;color:#d4e4d7}.report-bottom b{font-size:14px}.date-input-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6e7d72;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:12px}.date-input-label input{border:0;color:#33483a;background:transparent;font-size:12px}.date-mini{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;background:#eff4ed;color:#315b3f;font-size:15px;font-weight:700}.date-mini small{font-size:9px;font-weight:500}.empty-inline{padding:16px;background:#fff;border-radius:13px}.small-empty{min-height:140px}.settings-card{display:flex;gap:13px;padding:17px;background:#fff;border:1px solid #e8ede6;border-radius:16px;margin-bottom:11px}.settings-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f0e6;color:#38694a;flex-shrink:0}.settings-card strong{font-size:13px}.settings-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:6px 0 0}.danger-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #f0dada;background:#fff8f7;color:#ad4a42;padding:12px 15px;border-radius:12px;font-size:12px;width:100%;margin-top:20px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#e6efe3,transparent 55%),#f5f7f3}.auth-card{width:min(100%,420px);background:#fff;padding:30px;border-radius:24px;border:1px solid #e7ece5;box-shadow:0 20px 60px #1d392512}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font-size:26px;margin:0 0 8px}.auth-card>.muted{margin-bottom:23px}.auth-card label,.modal-sheet label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#526356;margin:13px 0}.auth-card input,.modal-sheet input,.modal-sheet select,.modal-sheet textarea{width:100%;border:1px solid #e1e8df;background:#fbfcfa;border-radius:11px;padding:12px;color:#25392b;outline:none;font-size:12px;min-height:42px}.auth-card input:focus,.modal-sheet input:focus,.modal-sheet select:focus,.modal-sheet textarea:focus{border-color:#79a386;box-shadow:0 0 0 3px #dcebdd}.tiny{font-size:10px;margin-top:15px}.notice{background:#fff3e7;color:#8a5b20;border-radius:10px;padding:10px;font-size:11px;line-height:1.5}.notice-banner{display:flex;align-items:flex-start;gap:9px;background:#fff4e7;color:#885a23;padding:11px 12px;border-radius:12px;font-size:11px;margin-bottom:18px}.notice-banner span{flex:1;line-height:1.6}.notice-banner button{border:0;background:transparent;color:inherit;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14251c70;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal-sheet{background:#fff;width:min(100%,640px);max-height:92dvh;overflow:auto;border-radius:24px 24px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -15px 50px #14251c18}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-size:21px;margin:0}.modal-sheet textarea{min-height:78px;resize:vertical}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:11px;line-height:1.7;color:#7c897f;background:#f4f7f2;padding:11px;border-radius:10px}.detail-summary{display:flex;flex-wrap:wrap;gap:13px;padding:13px;background:#f5f8f3;border-radius:13px;margin-bottom:20px}.detail-summary div{display:flex;align-items:center;gap:6px;font-size:11px;color:#53675a}.detail-summary svg{width:15px;height:15px;color:#63836b}.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.attendance-summary div{background:#f6f8f4;border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px}.attendance-summary span{font-size:10px;color:#7e8b80}.attendance-summary b{font-size:20px}.green-text{color:#34734e}.amber-text{color:#b47a26}.attendance-row{padding:13px 0;border-bottom:1px solid #eef1ed}.attendance-student{display:flex;align-items:center;gap:9px;margin-bottom:10px}.attendance-student strong{font-size:12px}.attendance-controls{display:flex;gap:6px;margin-bottom:9px}.status-btn{flex:1;border:1px solid #e5eae3;background:#fff;border-radius:9px;padding:8px 3px;font-size:10px;color:#7d897f}.status-btn.present.selected{background:#e4f1e5;border-color:#b6d5ba;color:#2e7042}.status-btn.leave.selected{background:#fff2de;border-color:#ecd4a8;color:#98651e}.status-btn.unknown.selected{background:#f0f2ef;border-color:#d9dfd7;color:#59665d}.note-input{width:100%;border:1px solid #e5eae3;background:#fbfcfa;border-radius:9px;padding:9px 10px;font-size:11px;outline:none}.photo-task{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px;background:#f6f8f4;border-radius:14px}.photo-icon{width:37px;height:37px;background:#e3eee2;color:#3b704b;border-radius:12px;display:grid;place-items:center}.photo-text{display:flex;flex-direction:column;gap:4px;flex:1}.photo-text strong{font-size:11px}.photo-text span{font-size:9px;line-height:1.5;color:var(--muted)}.task-toggle{border:0;border-radius:9px;background:#e6eee4;color:#386b47;padding:9px;font-size:10px;white-space:nowrap}.task-toggle.done{background:#d8ebdc}.detail-callout{display:flex;gap:11px;padding:14px;background:#f2f6f0;border-radius:13px;color:#3b704b;margin:16px 0}.detail-callout>svg{flex-shrink:0}.detail-callout strong{font-size:12px;color:#345b3d}.detail-callout p{font-size:11px;line-height:1.65;color:#6e7f71;margin:5px 0 0}.setup-steps{padding-left:20px;color:#58695c;font-size:12px;line-height:2}.setup-steps code{font-size:10px;background:#eef3eb;padding:2px 4px;border-radius:4px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.content{padding-top:35px}.modal-backdrop{align-items:center;padding:20px}.modal-sheet{border-radius:24px;max-height:88vh}.lesson-card{padding:19px}.action-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:380px){.content{padding-left:14px;padding-right:14px}.greeting h1,.page-title h1{font-size:25px}.stats-row{gap:6px}.mini-stat{padding:11px}.mini-stat strong{font-size:20px}.day-pill{min-width:29px;padding:8px 4px}.lesson-card{gap:10px;padding:14px 11px}.time-col{width:48px}.lesson-actions{align-items:flex-start}.secondary{padding:10px}.modal-sheet{padding-left:16px;padding-right:16px}}.multi-select{min-height:110px!important}.field-help{font-size:10px;line-height:1.5;color:#829084;margin-top:-3px}