*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:#ffffff26;--glass-border:#ffffff40;--glass-shadow:0 8px 32px #0000001f;--text-primary:#1a1a2e;--text-secondary:#1a1a2eb3;--accent:#667eea;--accent-hover:#5a6fd6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--radius:16px;--radius-sm:10px}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}#root{min-height:100vh}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:1.25rem}.glass-card[role=button]{cursor:pointer;transition:transform .2s,box-shadow .2s}.glass-card[role=button]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000002e}.glass-card[role=button]:active{transform:translateY(0)}.glass-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;background:#ffffff1f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:.75rem 1rem;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.app-title{color:#fff;font-size:1.125rem;font-weight:700}.user-badge{color:#ffffffe6;background:#ffffff26;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8125rem;display:flex}.points-badge{background:#ffd7004d;border-radius:12px;padding:.125rem .5rem;font-weight:600}.nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;max-width:900px;margin:0 auto;padding:0 1rem .5rem;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{color:#ffffffbf;white-space:nowrap;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab.active{color:#fff;background:#ffffff40;font-weight:600}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-header h2{color:#fff;font-size:1.375rem;font-weight:700}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-bg-shapes .shape{filter:blur(60px);opacity:.5;border-radius:50%;position:absolute}.shape-1{background:#f093fb;width:300px;height:300px;top:-50px;right:-50px}.shape-2{background:#4facfe;width:250px;height:250px;bottom:-50px;left:-50px}.shape-3{background:#43e97b;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:1;background:#fff3;width:100%;max-width:400px;position:relative}.login-header{text-align:center;margin-bottom:1.5rem}.login-icon{margin-bottom:.5rem;font-size:3rem;display:block}.login-header h1{color:#fff;margin-bottom:.25rem;font-size:1.75rem}.login-header p{color:#fffc;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-hint{text-align:center;color:#ffffffa6;font-size:.75rem}.login-loading{text-align:center;color:#fffc;padding:2rem}.form-group{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.form-group-sm{flex:0 0 100px}.form-group label{color:#ffffffe6;font-size:.8125rem;font-weight:600}.form-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}input,select,textarea{border-radius:var(--radius-sm);color:#fff;background:#fff3;border:1px solid #ffffff4d;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}input::placeholder,textarea::placeholder{color:#ffffff80}input:focus,select:focus,textarea:focus{background:#ffffff40;border-color:#fff9;outline:none}select option{color:var(--text-primary);background:#fff}textarea{resize:vertical;min-height:80px}.form-card h3{color:#fff;margin-bottom:1rem;font-size:1.125rem}.form-hint{color:#ffffffb3;margin-bottom:.75rem;font-size:.8125rem}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}button{cursor:pointer;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:.9375rem;transition:all .2s}.btn-primary{color:var(--accent);background:#ffffffe6;padding:.625rem 1.25rem;font-weight:600}.btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{color:#fff;background:#ffffff26;border:1px solid #ffffff40;padding:.5rem 1rem}.btn-ghost:hover{background:#ffffff40}.btn-danger{color:#fff;background:#ef4444d9;padding:.5rem 1rem;font-weight:600}.btn-danger:hover{background:var(--danger)}.btn-success{color:#fff;background:#10b981e6;padding:.5rem 1.25rem;font-weight:600}.btn-success:hover{background:var(--success)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.back-btn{margin-bottom:1rem}.alert{border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:#fff;background:#ef444433;border:1px solid #ef444466}.alert-success{color:#fff;background:#10b98133;border:1px solid #10b98166}.alert-info{color:#fff;background:#667eea33;border:1px solid #667eea66}.card-list{flex-direction:column;gap:.75rem;display:flex}.list-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.list-item h3{color:#fff;font-size:1.0625rem}.list-item-actions{flex-shrink:0;gap:.5rem;display:flex}.text-muted{color:#ffffffb3;font-size:.8125rem}.homework-card h3{color:#fff;margin:.5rem 0;font-size:1.0625rem}.homework-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.subject-tag{color:#fff;background:#ffffff40;border-radius:20px;padding:.2rem .75rem;font-size:.8125rem;font-weight:600}.status-badge{border-radius:20px;padding:.2rem .625rem;font-size:.75rem;font-weight:600}.status-pending{color:#fef3c7;background:#f59e0b4d}.status-submitted{color:#e0e7ff;background:#667eea4d}.status-approved{color:#d1fae5;background:#10b9814d}.status-rejected{color:#fee2e2;background:#ef44444d}.homework-desc{color:#fffc;margin-bottom:.5rem;font-size:.875rem}.homework-meta{color:#ffffffbf;gap:1rem;font-size:.8125rem;display:flex}.homework-actions{margin-top:.75rem}.child-action-hint{color:#ffffffe6;margin-top:.5rem;font-size:.875rem;font-weight:600}.child-homework-card{cursor:pointer}.child-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{text-align:center;padding:1rem .5rem}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;display:block}.stat-label{color:#ffffffbf;font-size:.75rem}.homework-detail h2{color:#fff;margin:.5rem 0}.submit-section{border-top:1px solid #ffffff26;margin-top:1.25rem;padding-top:1.25rem}.submit-section h3{color:#fff;margin-bottom:.75rem;font-size:1rem}.answer-input{margin-bottom:.75rem}.file-input-hidden{display:none}.camera-btn{border-radius:var(--radius);color:#fff;background:#ffffff1a;border:2px dashed #ffffff59;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:2rem;transition:all .2s;display:flex}.camera-btn:hover{background:#ffffff2e;border-color:#ffffff80}.camera-icon{font-size:2.5rem}.camera-hint{color:#fff9;font-size:.75rem}.photo-preview{text-align:center;margin-bottom:.75rem}.photo-preview img{border-radius:var(--radius-sm);max-width:100%;max-height:400px;margin-bottom:.5rem}.homework-photo{border-radius:var(--radius-sm);max-width:100%;margin-top:.5rem}.submission-content{border-radius:var(--radius-sm);background:#0000001a;margin-top:1rem;padding:.75rem}.submission-content h4,.submission-content h3{color:#fff;margin-bottom:.5rem;font-size:.9375rem}.answer-text{color:#ffffffe6;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.875rem}.review-note{border-radius:var(--radius-sm);color:#ffffffe6;background:#ffffff1a;margin-top:.75rem;padding:.75rem;font-size:.875rem}.review-form textarea{margin-bottom:.75rem}.review-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.edit-inline{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.edit-input{flex:1;min-width:120px}.edit-input-sm{flex:0 0 80px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#ffffff40;width:100%;max-width:400px}.modal h3{color:#fff;margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.empty-state{text-align:center;color:#fffc;padding:3rem 1rem}.empty-icon{margin-bottom:.75rem;font-size:3rem;display:block}.loading-screen{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-title{color:#fff;margin:1.25rem 0 .75rem;font-size:1.125rem}.points-current{border-radius:var(--radius-sm);background:#ffd70026;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.points-current-label{color:#fffc;font-size:.875rem}.points-current-value{color:#fff;font-size:1.375rem;font-weight:700}.points-actions{flex-wrap:wrap;gap:.75rem;display:flex}.point-record-item{padding:1rem}.point-record-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.point-record-amount{font-size:1.25rem;font-weight:700}.point-add{color:#6ee7b7}.point-subtract{color:#fca5a5}.point-record-child{color:#ffffffbf;margin-bottom:.25rem;font-size:.8125rem}.point-record-reason{color:#fff;font-size:.9375rem}@media (width<=600px){.child-stats{grid-template-columns:1fr}.stat-card{justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.stat-value{font-size:1.25rem}.list-item{flex-direction:column;align-items:flex-start}.list-item-actions{justify-content:flex-end;width:100%}.page-header h2{font-size:1.125rem}.form-row{flex-direction:column}.form-group-sm{flex:1}}