body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#8b0000,red 40%,gold);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative;text-rendering:optimizeLegibility}body:before{animation:floatingBubbles 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffd70033 0,#0000 50%),radial-gradient(circle at 80% 20%,#f003 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffd70026 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatingBubbles{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.login-container{flex-direction:column;gap:30px;min-height:100vh;padding:20px}.login-container,.wishes-card{align-items:center;display:flex;justify-content:center}.wishes-card{animation:pulseWishes 3s ease-in-out infinite;background:linear-gradient(135deg,#8b0000,#b22222,#dc143c);border:4px solid #8b0000;border-radius:25px;box-shadow:0 20px 50px #8b000066;gap:25px;max-width:700px;overflow:hidden;padding:35px;position:relative;text-align:center;width:95%}.wishes-card:before{animation:shimmerWishes 4s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulseWishes{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shimmerWishes{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.wishes-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem}.wishes-content h2{color:#fff;font-size:2.2rem;font-weight:900;letter-spacing:1px;margin:0 0 15px;text-align:center;text-shadow:3px 3px 6px #00000080}.wishes-content p{color:#fff8dc;font-size:1.4rem;font-weight:600;line-height:1.4;margin:0;text-align:center;text-shadow:2px 2px 4px #0006}.wishes-decoration{animation:bounce 2s ease-in-out .5s infinite;font-size:2.5rem}.login-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff80;border-radius:25px;box-shadow:0 8px 32px #0003;max-width:600px;overflow:hidden;padding:50px;text-align:center;width:95%}.login-card h1{color:#8b0000;font-size:2.8rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-shadow:3px 3px 6px #8b000066}.login-card h2{color:#34495e;font-size:1.4rem;font-weight:600;margin-bottom:15px}.login-card h3{color:#7f8c8d;font-size:1rem;margin-bottom:10px}.teacher-info{margin-bottom:20px;margin-top:10px;text-align:center}.teacher-label{color:#ffe8b0;display:block;letter-spacing:.5px;opacity:.85}.teacher-name{color:#ffdd6f;display:block;font-size:22px;font-weight:800;letter-spacing:1px;margin-top:2px;text-shadow:0 0 8px #ffd70066}.teacher-divider{animation:teacherFade .8s ease-out forwards;color:#ffdd6f;font-family:serif;font-size:14px;font-weight:500;letter-spacing:3px;margin-top:6px;opacity:0;transform:scale(.95)}@keyframes teacherFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-form{gap:15px;width:100%}.password-input{background:#ffffffe6;border:3px solid #daa520;border-radius:15px;font-size:18px;font-weight:600;outline:none;padding:18px;transition:all .3s ease}.password-input:focus{background:#fff;border-color:gold;box-shadow:0 0 0 4px #ffd7004d}.error-message{color:#e74c3c;margin:0}.login-btn{background:linear-gradient(45deg,red,#c00);border:3px solid gold;border-radius:50px;box-shadow:0 8px 25px #ff000080;color:gold;cursor:pointer;font-size:1.5rem;font-weight:900;letter-spacing:2px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.login-btn:hover{background:linear-gradient(45deg,#c00,#8b0000);box-shadow:0 12px 35px #f009;transform:translateY(-4px) scale(1.08)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-btn{transition:all .25s ease}.login-btn:hover{box-shadow:0 0 18px #ffd70099;transform:scale(1.03)}.login-btn:active{animation:royalClick .2s ease-out forwards}@keyframes royalClick{0%{transform:scale(1)}40%{transform:scale(.97)}70%{transform:scale(1.04)}to{transform:scale(1)}}.app{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px}.header-info h1{color:#2c3e50;font-size:1.5rem;margin-bottom:5px}.header-info h2{color:#7f8c8d;font-size:1.3rem;font-weight:400}.header-info h2:after{content:attr(data-teacher);font-weight:700}.logout-btn{background:#e74c3c;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#c0392b;transform:translateY(-1px)}.nav{background:#fff;border-bottom:1px solid #ecf0f1;display:flex;gap:10px;padding:0 20px}.nav-btn{background:none;border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#7f8c8d;cursor:pointer;font-size:1.2rem;font-weight:600;padding:20px 30px;transition:all .3s ease}.nav-btn:hover{background:#f8f9fa;box-shadow:0 6px 20px #00000026;color:#2c3e50;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 6px 20px #3498db66;color:#fff;transform:translateY(-2px)}.main{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin:30px;padding:40px}.home-view h2{color:#2c3e50;margin-bottom:30px;text-align:center}.menu-cards{display:flex;gap:25px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1200px}.menu-cards.top-row{margin-bottom:20px}.menu-cards.bottom-row{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1100px}.menu-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:30px;text-align:center;transition:all .3s ease;width:320px}.menu-card:hover{border-color:#3498db;box-shadow:0 15px 35px #00000026;transform:translateY(-8px)}.menu-card .icon{font-size:3.5rem;margin-bottom:15px}.menu-card h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:10px}.menu-card p{color:#7f8c8d;font-size:1rem;line-height:1.4}.menu-card.lessons{border-left:6px solid #3498db}.menu-card.behaviors{border-left:6px solid #e74c3c}.menu-card.economy{border-left:6px solid #f39c12}.menu-card.whatsapp{border-left:6px solid #25d366}.menu-card.admin{border-left:6px solid #9b59b6}.quick-actions{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1000px;padding:25px}.quick-actions h3{color:#2c3e50;margin-bottom:20px;text-align:center}.quick-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:20px;min-height:100px;overflow:hidden;padding:25px 30px;position:relative;transition:all .4s ease}.quick-btn:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-5px) scale(1.02)}.quick-btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 8px 25px #667eea4d}50%{box-shadow:0 8px 25px #667eea99,0 0 0 10px #667eea1a}to{box-shadow:0 8px 25px #667eea4d}}.quick-btn.behavior{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 8px 25px #ff6b6b4d}.quick-btn.behavior:hover{box-shadow:0 15px 35px #ff6b6b66}.quick-btn.behavior.pulse{animation:pulseBehavior 2s infinite}@keyframes pulseBehavior{0%{box-shadow:0 8px 25px #ff6b6b4d}50%{box-shadow:0 8px 25px #ff6b6b99,0 0 0 10px #ff6b6b1a}to{box-shadow:0 8px 25px #ff6b6b4d}}.quick-btn.academic{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 8px 25px #4ecdc44d}.quick-btn.academic:hover{box-shadow:0 15px 35px #4ecdc466}.quick-btn.academic.pulse{animation:pulseAcademic 2s infinite}@keyframes pulseAcademic{0%{box-shadow:0 8px 25px #4ecdc44d}50%{box-shadow:0 8px 25px #4ecdc499,0 0 0 10px #4ecdc41a}to{box-shadow:0 8px 25px #4ecdc44d}}.btn-icon{animation:bounce 2s infinite;font-size:3rem;opacity:.9}.btn-content{flex:1 1;text-align:left}.btn-title{font-size:1.3rem;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px #0003}.btn-subtitle{font-size:.95rem;font-weight:400;line-height:1.3;opacity:.9}.btn-arrow{font-size:2rem;font-weight:700;opacity:.8;transition:all .3s ease}.quick-btn:hover .btn-arrow{opacity:1;transform:translateX(10px)}.quick-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quick-btn:hover:before{left:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1100px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.stat-number{color:#3498db;font-size:2.5rem;font-weight:700}.students-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.students-grid.compact{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.student-card{border-left:4px solid #3498db;box-shadow:0 3px 10px #0000000d;transition:all .3s ease}.student-card.compact{min-height:auto;padding:12px 16px}.student-card:hover{box-shadow:0 5px 15px #0000001a}.student-card h4{color:#2c3e50;font-size:1.1rem;margin-bottom:8px}.student-card.compact h4{font-size:1rem;margin-bottom:4px}.student-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:4px}.student-card.compact p{font-size:.8rem;margin-bottom:2px}@media (max-width:768px){.header{flex-direction:column;gap:15px;text-align:center}.nav{flex-wrap:wrap;justify-content:center}.main{margin:15px;padding:25px}.menu-cards{align-items:center;flex-direction:column;gap:20px;max-width:100%}.menu-card{max-width:350px;width:90%}.menu-cards.bottom-row,.menu-cards.top-row{margin-bottom:20px}.menu-card{min-height:160px;padding:25px}.menu-card .icon{font-size:3rem}.menu-card h3{font-size:1.2rem}.quick-buttons{gap:12px;grid-template-columns:1fr}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.students-grid{grid-template-columns:1fr}}.behaviors-view,.economy-view,.home-view,.lessons-view{animation:fadeIn .5s ease}.lessons-view{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;margin:-10px;padding:30px}.lessons-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2rem;margin-bottom:40px;position:relative;text-align:center}.lessons-view h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.subject-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.subject-tab{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px 30px;position:relative;transition:all .4s ease}.subject-tab:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.subject-tab:hover:before{left:100%}.subject-tab:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px) scale(1.05)}.subject-tab.active{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 12px 35px #e74c3c66;transform:translateY(-3px) scale(1.05)}.topics-section,.units-section{margin-bottom:30px}.topics-section h3,.units-section h3{color:#2c3e50;margin-bottom:15px}.topics-grid,.units-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.topic-card,.unit-card{background:#fff;border:2px solid #ecf0f1;border-radius:12px;cursor:pointer;padding:20px;text-align:left;transition:all .3s ease}.topic-card.selected,.topic-card:hover,.unit-card.selected,.unit-card:hover{border-color:#3498db;transform:translateY(-2px)}.topic-card.selected,.unit-card.selected{background:#ebf3fd;box-shadow:0 4px 15px #3498db4d}.unit-card.custom-unit{background:linear-gradient(135deg,#fff8e1,#fff3c4);border:2px solid #f39c12;position:relative}.unit-card.custom-unit.selected,.unit-card.custom-unit:hover{border-color:#e67e22;box-shadow:0 6px 20px #f39c1266}.unit-card.custom-unit.selected{background:linear-gradient(135deg,#fff3c4,#ffe082)}.unit-card h4{font-size:1rem}.topic-card h4,.unit-card h4{color:#2c3e50;font-weight:600;line-height:1.3;margin-bottom:8px;text-align:left}.topic-card h4{font-size:.9rem}.topic-card small,.unit-card p{color:#7f8c8d;font-size:.9rem}.evaluation-section{margin-top:30px}.evaluation-section h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.achievement-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.achievement-item:before{background:linear-gradient(135deg,#27ae60,#2ecc71);content:"";height:6px;left:0;position:absolute;right:0;top:0}.achievement-header{border-bottom:2px solid #e9ecef;gap:15px;justify-content:flex-start;margin-bottom:25px;padding-bottom:20px}.achievement-header,.bulk-grade-buttons{align-items:center;display:flex;flex-wrap:wrap}.bulk-grade-buttons{background:#3498db1a;border-radius:15px;gap:8px;margin-left:auto;margin-right:30px;padding:10px 15px}.bulk-grade-buttons span{color:#3498db;font-size:1rem;font-weight:600}.bulk-grade-btn{align-items:center!important;border:none!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.9rem!important;font-weight:700!important;height:40px!important;justify-content:center!important;min-width:40px!important;padding:8px 16px!important;transition:all .3s ease!important}.bulk-grade-btn:hover{box-shadow:0 4px 12px #0000004d!important;transform:translateY(-2px) scale(1.05)!important}.achievement-code{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;box-shadow:0 4px 15px #e74c3c4d;font-size:.9rem;margin-right:15px;padding:8px 15px}.achievement-desc{color:#2c3e50;font-size:1.1rem;font-weight:600}.students-evaluation{background:#f8f9fa;border-radius:15px;margin-top:20px;padding:20px}.student-eval-row{align-items:center;background:#fff;border-left:5px solid #3498db;border-radius:15px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.student-eval-row:hover{border-left-color:#e74c3c;box-shadow:0 8px 25px #0000001a;transform:translateX(5px)}.student-eval-row:last-child{margin-bottom:0}.student-name{font-size:1.2rem;font-weight:700;letter-spacing:.5px;min-width:200px;text-shadow:0 1px 2px #0000001a}.eval-buttons{background:#3498db1a;border-radius:12px;display:flex;gap:8px;padding:8px}.eval-btn{border:none!important;border-radius:6px!important;cursor:pointer!important;font-weight:700!important;min-width:40px!important;padding:8px 12px!important;transition:all .3s ease!important}.eval-btn:hover{transform:translateY(-1px)!important}.progress-steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.step{background:#ecf0f1;border-radius:25px;color:#7f8c8d;font-weight:500;padding:10px 20px}.step.completed{background:#27ae60;color:#fff}.behaviors-view{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:-10px;padding:30px}.behaviors-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2rem;margin-bottom:20px;position:relative;text-align:center}.behaviors-view h2:after{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.date-info{background:#fff;border-left:4px solid #3498db;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#2c3e50;font-size:1.2rem;font-weight:500;padding:15px;text-align:center}.date-info,.student-search{margin-bottom:30px}.search-input{background:#fff;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.students-selection h3{background:#fff;border-left:4px solid #27ae60;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#2c3e50;font-size:1.3rem;margin-bottom:15px;padding:15px}.students-selection .students-grid{margin-bottom:30px}.students-selection .student-card{background:#fff;border:2px solid #e9ecef;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease}.students-selection .student-card:hover{border-color:#3498db;box-shadow:0 8px 25px #3498db33;transform:translateY(-3px)}.students-selection .student-card.selected{background:#e74c3c1a;border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c4d;transform:translateY(-3px)}.behavior-tracking{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.behavior-categories{grid-gap:35px;display:grid;gap:35px;grid-template-columns:1fr 1fr}.serious-incidents h4{background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;color:#e74c3c}.daily-counts h4,.serious-incidents h4{-webkit-text-fill-color:#0000;font-size:1.2rem;font-weight:700;margin-bottom:20px}.daily-counts h4{background:linear-gradient(135deg,#f39c12,#e67e22);-webkit-background-clip:text;background-clip:text;color:#f39c12}.behavior-item{align-items:center;border-radius:15px;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.behavior-item:before{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:5px}.behavior-item:hover{box-shadow:0 8px 25px #00000026;transform:translateX(8px)}.behavior-item:hover:before{width:8px}.behavior-item.serious{background:linear-gradient(135deg,#fdf2f2,#fbeaea);border:1px solid #e74c3c33}.behavior-item.serious:before{background:linear-gradient(135deg,#e74c3c,#c0392b)}.behavior-item.daily{background:linear-gradient(135deg,#fef9e7,#fdf5d9);border:1px solid #f39c1233}.behavior-item.daily:before{background:linear-gradient(135deg,#f39c12,#e67e22)}.behavior-info{flex:1 1}.behavior-code{background:linear-gradient(135deg,#34495e,#2c3e50);border-radius:8px;box-shadow:0 2px 8px #34495e4d;font-size:.85rem;margin-right:12px;padding:6px 12px}.behavior-desc{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.05rem;font-weight:600}.behavior-controls{gap:12px}.behavior-controls,.count-btn{align-items:center;display:flex}.count-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:50%;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.count-btn:hover{box-shadow:0 6px 20px #3498db66;transform:scale(1.15)}.count-btn.minus{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.count-btn.minus:hover{box-shadow:0 6px 20px #e74c3c66}.count-btn.plus{background:linear-gradient(135deg,#27ae60,#219a52);box-shadow:0 4px 15px #27ae604d}.count-btn.plus:hover{box-shadow:0 6px 20px #27ae6066}.count{background:linear-gradient(135deg,#ecf0f1,#d5dbdb);border-radius:25px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:1.1rem;font-weight:700;min-width:45px;padding:10px 18px;text-align:center}.no-selection{background:#fff;border-left:4px solid #f39c12;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#7f8c8d;font-size:1.2rem;margin-top:50px;padding:30px;text-align:center}.selected-student-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 15px 40px #00000026;display:flex;justify-content:space-between;margin:30px 0;overflow:hidden;padding:30px;position:relative}.selected-student-display:before{background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60,#3498db,#9b59b6);content:"";height:6px;left:0;position:absolute;right:0;top:0}.student-avatar{box-shadow:0 8px 25px #667eea66}.student-avatar:after{animation:rotate 3s linear infinite;background:linear-gradient(135deg,#e74c3c,#f39c12,#27ae60,#3498db);border-radius:50%;content:"";inset:-3px;position:absolute;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-initial{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.student-info-display{flex:1 1;margin-left:30px;text-align:center}.selected-student-name{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(231,76,60,.3))}to{filter:drop-shadow(0 0 15px rgba(231,76,60,.6))}}.selected-student-details{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:0}.behavior-date{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:15px;box-shadow:0 4px 15px #3498db4d;color:#fff;display:flex;flex-direction:column;padding:15px 20px}.date-label{font-size:.9rem;margin-bottom:5px;opacity:.9}.date-value{font-size:1.2rem;font-weight:700}.student-display-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;margin-top:20px;overflow:hidden;padding:20px;position:relative}.student-display-card:before{background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60,#3498db);content:"";height:4px;left:0;position:absolute;right:0;top:0}.student-photo-area{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea66;display:flex;height:60px;justify-content:center;margin-bottom:10px;position:relative;width:60px}.student-photo-area:after{animation:rotate 3s linear infinite;background:linear-gradient(135deg,#e74c3c,#f39c12,#27ae60,#3498db);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}.student-photo-area .student-initial{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.student-display-name{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;margin:0 0 10px;text-align:center}.teacher-upset-card{align-items:center;animation:pulseCard 2s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71,#58d68d);border:4px solid #27ae60;border-radius:25px;box-shadow:0 15px 40px #27ae6066,0 0 20px #27ae6033;display:flex;gap:20px;margin-top:20px;overflow:hidden;padding:25px;position:relative}.teacher-upset-card:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulseCard{0%,to{box-shadow:0 10px 30px #27ae6066;transform:scale(1)}50%{box-shadow:0 15px 40px #27ae6099;transform:scale(1.02)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.upset-icon{animation:bounce 1.5s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:3rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.upset-content{flex:1 1;text-align:center}.upset-title{color:#fff;filter:brightness(1.2);font-size:2rem;font-weight:900;letter-spacing:2px;margin:0 0 8px;text-shadow:3px 3px 6px #000c,0 0 10px #ffffff4d;text-transform:uppercase}.upset-subtitle{color:#fff;filter:brightness(1.1);font-size:1.3rem;font-style:normal;font-weight:800;margin:0;text-shadow:2px 2px 4px #000c,0 0 8px #fff3}.upset-decoration{animation:heartbeat 1.2s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2.5rem}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.economy-view h2{color:#2c3e50;margin-bottom:10px}.economy-header{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;margin-bottom:30px;padding:20px}.economy-info h3{color:#2c3e50;margin-bottom:10px}.economy-info p{color:#7f8c8d;margin:5px 0}.students-economy{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.student-economy-card{transition:all .3s ease}.student-economy-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.student-info h4{color:#2c3e50;margin-bottom:5px}.student-info p{color:#7f8c8d;font-size:.9rem}.points-info,.student-info p{margin-bottom:15px}.points-info>div{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.points-info>div:last-child{border-bottom:2px solid #3498db;font-weight:700}.label{color:#7f8c8d;font-size:.9rem}.value{font-size:1rem;font-weight:700}.reward-controls{display:flex;flex-wrap:wrap;gap:8px}.reward-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:8px 15px;transition:all .3s ease}.reward-btn:hover{background:#219a52;transform:translateY(-1px)}.reward-btn.small{flex:0.5 1;font-size:.9rem;padding:6px 10px}.economy-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.tab{background:#ecf0f1;border:none;border-radius:25px;color:#7f8c8d;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab:hover{background:#d5dbdb}.tab.active{background:#3498db;color:#fff}.student-economy-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;margin-bottom:15px;padding:20px}.student-info{align-items:center;justify-content:space-between;margin-bottom:15px}.total-money{background:#d5f4e6;border-radius:20px;color:#27ae60;font-size:1.5rem;font-weight:700;padding:8px 15px}.total-money.negative{background:#fdf2f2;color:#e74c3c}.money-breakdown{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.money-breakdown>div{background:#f8f9fa;border-radius:8px;padding:10px;text-align:center}.value.positive{color:#27ae60}.value.negative{color:#e74c3c}.value.neutral{color:#7f8c8d}.quick-rewards{display:flex;gap:8px}.quick-rewards button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;padding:8px;transition:all .3s ease}.quick-rewards button:hover{background:#219a52}.student-selector{margin-bottom:20px}.student-selector select{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:12px;width:100%}.store-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.store-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;font-size:1.2em;gap:25px;min-height:180px;padding:35px;transition:all .3s ease}.store-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.store-item select{background:#fff;border:2px solid #ecf0f1;border-radius:8px;font-size:1em;font-weight:500;padding:10px 12px;transition:all .3s ease;width:100%}.store-item select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.item-info{align-items:center;display:flex;gap:20px;justify-content:center;text-align:center}.item-info .name{color:#2c3e50;font-size:1.2em;font-weight:600}.item-info .price{color:#e67e22;font-size:1.4em;font-weight:700}.emoji{font-size:2.8rem}.price{color:#e67e22;font-size:1.2em;font-weight:700}.buy-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s ease}.buy-btn:hover:not(:disabled){background:#2980b9}.buy-btn:disabled{background:#bdc3c7;cursor:not-allowed}.reward-items{grid-gap:15px;display:grid;gap:15px}.reward-item{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;justify-content:space-between;padding:20px}.reward-actions,.reward-item{align-items:center;display:flex}.reward-actions{gap:10px}.reward-actions select{border:2px solid #ecf0f1;border-radius:6px;padding:8px 12px}.reward-actions button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s ease}.reward-actions button:hover{background:#219a52}.rewards-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;height:500px}.students-selection-panel{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:20px}.selection-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.selection-header h4{color:#2c3e50;margin:0}.select-all-btn{background:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 15px;transition:all .3s ease}.select-all-btn:hover{background:#2980b9;transform:translateY(-1px)}.students-checkbox-list{margin-bottom:15px;max-height:350px;overflow-y:auto}.student-checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:10px;transition:all .3s ease}.student-checkbox-item:hover{background:#f8f9fa}.student-checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.student-name{font-weight:500}.selection-summary{background:#ebf3fd;border-radius:8px;color:#3498db;padding:10px;text-align:center}.rewards-panel{background:#fff;border-left:4px solid #27ae60;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:20px}.rewards-panel h4{border-bottom:1px solid #ecf0f1;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.rewards-panel .reward-items{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.rewards-panel .reward-item{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:8px;padding:15px}.reward-name{color:#2c3e50;font-weight:500;margin-right:10px}.reward-points{background:#d5f4e6;border-radius:12px;color:#27ae60;font-size:.9rem;font-weight:700;padding:4px 8px}.give-reward-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 15px;transition:all .3s ease;width:100%}.give-reward-btn:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.give-reward-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}@media (max-width:768px){.rewards-layout{grid-template-columns:1fr;height:auto}.students-checkbox-list{max-height:200px}.menu-cards{grid-template-columns:1fr}.quick-actions{padding:20px}.quick-buttons{grid-template-columns:1fr}}.whatsapp-view h2{color:#2c3e50;margin-bottom:30px}.message-controls{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px}.message-type-selector{margin-bottom:25px}.message-type-selector h3{color:#2c3e50;margin-bottom:15px}.radio-group{display:flex;flex-wrap:wrap;gap:20px}.radio-group label{align-items:center;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:all .3s ease}.radio-group label:hover{border-color:#3498db}.radio-group input[type=radio]:checked+span{color:#3498db;font-weight:700}.custom-message{margin-bottom:25px}.custom-message h3{color:#2c3e50;margin-bottom:10px}.custom-message textarea{border:2px solid #ecf0f1;border-radius:8px;font-family:inherit;padding:12px;resize:vertical;width:100%}.custom-message textarea:focus{border-color:#3498db;outline:none}.book-notification-form{margin-bottom:25px}.book-notification-form h3{color:#2c3e50;margin-bottom:15px}.book-form-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.book-form-grid input{border:2px solid #ecf0f1;border-radius:6px;font-size:1rem;padding:10px}.book-form-grid input:focus{border-color:#3498db;outline:none}.book-form-grid label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.student-selection{margin-bottom:25px}.selection-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:10px;margin-bottom:15px;padding:15px}.selection-controls .select-all-btn{background:linear-gradient(135deg,#27ae60,#219a52);border:none;border-radius:25px;box-shadow:0 4px 15px #27ae604d;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.selection-controls .select-all-btn:hover{background:linear-gradient(135deg,#219a52,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.selection-controls .clear-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:25px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.selection-controls .clear-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.selected-count{background:#f8f9fa;border:2px solid #3498db;border-radius:20px;color:#2c3e50;font-weight:600;padding:8px 15px}.students-list{border:1px solid #ecf0f1;border-radius:8px;max-height:300px;padding:10px}.student-checkbox{margin-bottom:10px}.student-checkbox label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:all .3s ease}.student-checkbox label:hover{background:#f8f9fa}.student-info{display:flex;flex-direction:column}.student-info strong{color:#2c3e50}.student-info small{color:#7f8c8d}.message-preview{margin-bottom:25px}.message-preview h3{color:#2c3e50;margin-bottom:10px}.preview-message{background:#e8f5e8;border:1px solid #27ae60;border-radius:8px;color:#2c3e50;font-style:italic;padding:15px}.send-btn{background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.send-btn:hover:not(:disabled){background:#128c7e;transform:translateY(-1px)}.send-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.export-view h2{color:#2c3e50;margin-bottom:30px;text-align:center}.export-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.export-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px;transition:all .3s ease}.export-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.export-card.featured{background:linear-gradient(135deg,#fff,#fdf2f2);border-left-color:#e74c3c}.card-header h3{color:#2c3e50;font-size:1.2rem;margin-bottom:8px}.card-header p{color:#7f8c8d;font-size:.9rem;line-height:1.4}.export-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.export-btn:hover{background:#2980b9;transform:translateY(-1px)}.export-btn.primary{background:#e74c3c;font-size:1.1rem;padding:15px 20px}.export-btn.primary:hover{background:#c0392b}.export-info{background:#fff;border-left:4px solid #f39c12;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:20px}.export-info h3{color:#2c3e50;margin-bottom:15px}.export-info ul{list-style:none;padding:0}.export-info li{color:#7f8c8d;margin-bottom:8px;padding-left:20px;position:relative}.export-info li:before{color:#27ae60;content:"✓";font-weight:700;left:0;position:absolute}.admin-view h2{color:#2c3e50;margin-bottom:30px;text-align:center}.admin-tabs{flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.admin-tab{background:#ecf0f1;border:none;border-radius:25px;color:#7f8c8d;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.admin-tab:hover{background:#d5dbdb}.admin-tab.active{background:#e74c3c;color:#fff}.admin-section{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px}.admin-section h3{border-bottom:2px solid #e74c3c;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.add-student-form h4{color:#2c3e50;margin-bottom:15px}.form-grid{grid-gap:10px;align-items:end;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid input{border:2px solid #ecf0f1;border-radius:6px;font-size:.9rem;padding:10px}.form-grid input:focus{border-color:#3498db;outline:none}.add-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.add-btn:hover{background:#219a52}.students-table h4{color:#2c3e50;margin-bottom:15px}.table-container{border:1px solid #ecf0f1;border-radius:8px;max-height:400px;overflow-y:auto}.student-row{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:15px}.student-row:last-child{border-bottom:none}.student-data{display:flex;flex-direction:column;gap:4px}.student-data strong{color:#2c3e50}.student-data span{color:#7f8c8d;font-size:.9rem}.student-actions{gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:8px}.edit-btn:hover{background:#3498db}.delete-btn:hover{background:#e74c3c}.subject-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.subject-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.subject-item h4{color:#2c3e50;margin-bottom:8px}.subject-item p{color:#7f8c8d;font-size:.9rem;margin:4px 0}.edit-curriculum-btn{background:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:8px;padding:6px 12px}.curriculum-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px}.action-btn:hover{background:#2980b9}.settings-form{display:flex;flex-direction:column;gap:15px}.setting-item label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:10px}.setting-item select{border:2px solid #ecf0f1;border-radius:4px;margin-left:10px;padding:5px 10px}.save-settings-btn{align-self:flex-start;background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px}.data-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px;text-align:center}.stat-item h4{color:#2c3e50;margin-bottom:8px}.stat-item p{color:#7f8c8d;font-size:1.2rem;font-weight:700}.data-actions{display:flex;flex-wrap:wrap;gap:15px}.backup-btn{background:#3498db}.backup-btn,.restore-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px}.restore-btn{background:#f39c12}.clear-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px}.backup-btn:hover{background:#2980b9}.restore-btn:hover{background:#e67e22}.clear-btn:hover{background:#c0392b}.reports-view h2{color:#2c3e50;margin-bottom:30px;text-align:center}.report-tabs{flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.report-tab{background:#ecf0f1;border-radius:25px;color:#7f8c8d;font-weight:500;padding:12px 20px;transition:all .3s ease}.report-tab:hover{background:#d5dbdb}.report-tab.active{background:#9b59b6}.report-section{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px}.report-section h3{border-bottom:2px solid #9b59b6;color:#2c3e50;margin-bottom:25px;padding-bottom:10px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.analytics-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.analytics-card h4{font-size:.9rem;margin-bottom:10px;opacity:.9}.big-number{font-size:2.5rem;font-weight:700;margin-bottom:5px}.top-performers{margin-top:30px}.top-performers h4{color:#2c3e50;margin-bottom:15px}.performers-list{display:flex;flex-direction:column;gap:10px}.performer-item{align-items:center;background:#f8f9fa;border-left:4px solid #f1c40f;border-radius:8px;display:flex;gap:15px;padding:15px}.performer-item:first-child{background:#fef9e7;border-left-color:#f1c40f}.performer-item:nth-child(2){border-left-color:#95a5a6}.performer-item:nth-child(3){border-left-color:#e67e22}.rank{align-items:center;color:#e74c3c;display:flex;font-size:2.5rem;font-weight:900;justify-content:center;min-width:60px;text-shadow:2px 2px 4px #e74c3c4d}.name{color:#2c3e50;font-weight:500;min-width:150px}.stats{color:#7f8c8d;font-size:.9rem}.subjects-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.subject-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.subject-card h5{color:#2c3e50;margin-bottom:10px}.subject-stats p{color:#7f8c8d;font-size:.9rem;margin:5px 0}.distribution-bars{display:flex;flex-direction:column;gap:15px}.grade-bar{align-items:center;display:flex;gap:15px}.grade-label{color:#2c3e50;font-weight:500;min-width:80px}.bar-container{background:#ecf0f1;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.bar{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s ease}.percentage{color:#7f8c8d;font-size:.9rem;min-width:80px}.behavior-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;padding:20px;text-align:center}.summary-card h4{margin-bottom:10px;opacity:.9}.behavior-breakdown{margin-top:30px}.behavior-breakdown h4{color:#2c3e50;margin-bottom:20px}.behavior-item{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:8px;margin-bottom:15px;padding:15px}.behavior-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.behavior-code{background:#34495e}.behavior-code,.behavior-count{border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px}.behavior-count{background:#e74c3c}.behavior-desc{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.affected-students{display:flex;flex-wrap:wrap;gap:5px}.student-tag{background:#3498db;border-radius:12px;color:#fff;font-size:.8rem;padding:3px 8px}.economy-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.economy-summary .summary-card{background:linear-gradient(135deg,#27ae60,#219a52)}.wealth-distribution h4{color:#2c3e50;margin-bottom:20px}.wealth-list{display:flex;flex-direction:column;gap:10px}.wealth-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:10px}.money{color:#27ae60;font-weight:700;min-width:60px}.money-bar{background:#ecf0f1;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.money-bar .bar{height:100%;transition:width .3s ease}.daily-flowers-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding:15px 25px;transition:all .3s ease;width:auto}.daily-flowers-btn:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.student-economy-card.clean-behavior{background:#fef9e7;border-left:4px solid #f39c12}@media (max-width:768px){.student-eval-row{align-items:flex-start;flex-direction:column;gap:10px}.student-name{min-width:auto}.behavior-categories,.topics-grid,.units-grid{grid-template-columns:1fr}.behavior-categories{gap:20px}.behavior-item{flex-direction:column;gap:10px}.behavior-info,.behavior-item{text-align:center}.students-economy{grid-template-columns:1fr}.reward-controls{justify-content:center}.menu-card:hover{transform:translateY(-4px)}}.behavior-management{display:flex;flex-direction:column;gap:30px}.add-behavior-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:20px}.add-behavior-form .form-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 2fr 1fr 1fr 100px}.behaviors-table{display:flex;flex-direction:column;gap:10px}.behavior-row{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.behavior-row:hover{box-shadow:0 2px 8px #0000001a}.behavior-row.custom{background:#f8fff9;border-left:4px solid #28a745}.behavior-info{align-items:center;display:flex;gap:15px}.behavior-info strong{color:#495057;font-size:1.1em;min-width:50px}.type-badge{border-radius:12px;font-size:.8em;font-weight:700;padding:4px 8px}.type-badge.serious_incident{background:#ffebee;color:#c62828}.type-badge.daily_count{background:#e3f2fd;color:#1565c0}.custom-badge{background:#e8f5e8;border-radius:12px;color:#2e7d32;font-size:.8em;font-weight:700;padding:4px 8px}.behavior-actions{display:flex;gap:8px}.behavior-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1em;padding:8px 12px;transition:all .2s}.edit-btn{background:#ffc107}.edit-btn:hover{background:#e0a800}.type-btn{background:#17a2b8;color:#fff}.type-btn:hover{background:#138496}.achievement-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin-bottom:30px;padding:20px}.achievement-form h4{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.achievement-form .form-grid{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 100px}.achievement-form textarea{border:2px solid #ecf0f1;border-radius:6px;font-size:.9rem;grid-column:1/-2;min-height:60px;padding:10px;resize:vertical}.achievement-form textarea:focus{border-color:#3498db;outline:none}.achievements-table{display:flex;flex-direction:column;gap:10px}.achievement-row{align-items:flex-start;background:#fff;border:1px solid #dee2e6;border-left:4px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.achievement-row:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.achievement-info{gap:8px}.achievement-info strong{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:15px;box-shadow:0 2px 8px #3498db4d;color:#2c3e50;font-size:1.1em;padding:6px 12px}.achievement-info strong,.subject-badge{color:#fff;display:inline-block;font-weight:700;width:-webkit-fit-content;width:fit-content}.subject-badge{background:#e74c3c;border-radius:12px;font-size:.8em;margin-right:10px;padding:4px 12px}.achievement-info span:not(.subject-badge){color:#7f8c8d;font-size:.95em;font-weight:500}.achievement-info p{background:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;color:#2c3e50;font-size:.95em;line-height:1.4;margin:8px 0 0;padding:10px}.achievement-actions{align-items:flex-start}.achievement-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1em;padding:8px 12px;transition:all .2s}.no-achievements{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#7f8c8d;padding:40px 20px;text-align:center}.no-achievements p{font-size:1rem;line-height:1.5;margin:0}.achievement-info{background:#e8f4fd;border-left:4px solid #3498db;border-radius:10px;margin-top:20px;padding:20px}.achievement-info-section h4{align-items:center;color:#2c3e50;display:flex;gap:8px;margin-bottom:15px}.achievement-info-section ul{list-style:none;margin:0;padding:0}.achievement-info-section li{color:#34495e;line-height:1.4;margin-bottom:8px;padding-left:20px;position:relative}.achievement-info-section li:before{color:#27ae60;content:"✓";font-size:1.1em;font-weight:700;left:0;position:absolute}@media (max-width:768px){.achievement-form .form-grid{gap:15px;grid-template-columns:1fr}.achievement-form textarea{grid-column:1}.achievement-row{flex-direction:column;gap:15px}.achievement-actions{align-self:flex-end}.unit-card.custom-unit:before{font-size:.6rem;padding:3px 6px;right:-6px;top:-6px}}.weekly-test-view{padding:20px}.test-placeholder{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.test-format{background:#f5f5f5;border-radius:5px;margin-top:20px;padding:15px}.test-format ul{margin:10px 0}.menu-card.weekly-test{border-left:6px solid #9b59b6}.test-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.test-tab{background:#ecf0f1;border:none;border-radius:25px;color:#7f8c8d;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.test-tab:hover{background:#d5dbdb}.test-tab.active{background:#9b59b6;color:#fff}.test-entry{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px}.test-header{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:20px}.header-inputs{display:flex;gap:20px;margin-bottom:20px}.header-inputs>div{display:flex;flex-direction:column;gap:5px}.header-inputs label{color:#2c3e50;font-weight:600}.header-inputs input{border:2px solid #ecf0f1;border-radius:6px;font-size:1rem;padding:8px 12px}.header-inputs input:focus{border-color:#9b59b6;outline:none}.test-format-info{background:#f8f9fa;border-left:4px solid #9b59b6;border-radius:8px;padding:15px}.test-format-info h4{color:#2c3e50;margin-bottom:8px}.test-format-info p{color:#7f8c8d;margin:5px 0}.test-table{margin-bottom:20px;overflow-x:auto}.test-table table{background:#fff;border-collapse:collapse;width:100%}.test-table th{background:#9b59b6;border:1px solid #8e44ad;color:#fff;font-weight:600;padding:12px 8px;text-align:center}.test-table td{border:1px solid #ecf0f1;padding:10px 8px;text-align:center}.student-name{color:#2c3e50;font-weight:600;min-width:120px;text-align:left!important}.score-inputs{align-items:center;display:flex;gap:5px;justify-content:center}.score-inputs input{border:1px solid #ddd;border-radius:4px;padding:4px;text-align:center;width:40px}.score-inputs span{color:#7f8c8d;font-weight:700}.total-score{color:#2c3e50;font-weight:700}.percentage{color:#3498db;font-weight:700}.economy-points{background:#d5f4e6;border-radius:4px;color:#27ae60;font-weight:700}.save-test-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.save-test-btn:hover{background:#219a52;transform:translateY(-1px)}.test-history{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:25px}.no-tests{color:#7f8c8d;padding:40px;text-align:center}.tests-list{display:flex;flex-direction:column;gap:15px}.test-record{background:#f8f9fa;border-left:4px solid #9b59b6;border-radius:8px;padding:20px}.test-info h4{color:#2c3e50;margin-bottom:5px}.test-info p{color:#7f8c8d;margin:0}.test-stats{display:flex;gap:20px}.test-stats .stat{align-items:center;display:flex;flex-direction:column;gap:5px}.test-stats .stat span:first-child{color:#7f8c8d;font-size:.9rem}.test-stats .stat span:last-child{color:#2c3e50;font-weight:700}.edit-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90%;max-width:90%;overflow-y:auto;padding:30px}.edit-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.edit-header h3{color:#2c3e50;margin:0}.close-btn{background:#e74c3c;border-radius:6px;font-size:1.2rem;padding:8px 12px}.edit-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.edit-info p{color:#2c3e50;margin:5px 0}.edit-table{margin-bottom:20px;overflow-x:auto}.edit-table table{background:#fff;border-collapse:collapse;width:100%}.edit-table th{background:#9b59b6;border:1px solid #8e44ad;color:#fff;font-weight:600;padding:12px 8px;text-align:center}.edit-table td{border:1px solid #ecf0f1;padding:10px 8px;text-align:center}.status{font-weight:700}.edit-actions{gap:15px;justify-content:flex-end}.cancel-btn{background:#95a5a6}.cancel-btn,.save-btn{border-radius:8px;font-weight:700;padding:12px 20px}.save-btn{background:#27ae60}.edit-test-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-left:15px;padding:8px 15px}.edit-test-btn:hover{background:#2980b9}.test-record{align-items:center;display:flex;justify-content:space-between}.history-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.history-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:all .3s ease}.history-card:hover{border-color:#3498db;box-shadow:0 6px 20px #3498db26;transform:translateY(-2px)}.card-header{border-bottom:2px solid #f8f9fa;gap:15px;margin-bottom:20px;padding-bottom:15px}.card-header,.student-avatar{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.student-details h4{color:#2c3e50;font-size:1.2rem;margin:0}.student-number{color:#7f8c8d;font-size:.9rem}.total-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:1.1rem;font-weight:700;margin-left:auto;padding:8px 16px}.purchases-list{margin-bottom:20px}.purchase-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.purchase-item:last-child{border-bottom:none}.purchase-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#2c3e50;font-weight:600}.purchase-date{color:#95a5a6;font-size:.85rem}.purchase-amount{background:#ffeaea;border-radius:8px;color:#e74c3c;font-weight:700;padding:4px 8px}.delete-card-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.delete-card-btn:hover{box-shadow:0 4px 12px #ee5a244d;transform:translateY(-1px)}.empty-history{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-history h3{color:#2c3e50;margin:0 0 10px}.empty-history p{font-size:1.1rem;margin:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.delete-all-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease}.delete-all-btn:hover{box-shadow:0 4px 12px #ee5a244d;transform:translateY(-1px)}@keyframes republicPulse{0%,to{background:linear-gradient(135deg,#fff,red 50%,#fff);filter:brightness(1)}50%{background:linear-gradient(135deg,#f8f8f8,#e60000 50%,#f8f8f8);filter:brightness(1.1)}}@keyframes turkishFlag{0%,to{transform:translateX(0)}25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}@keyframes specialDayFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(5deg)}66%{transform:translateY(8px) rotate(-3deg)}}@keyframes specialDayGlow{0%,to{filter:drop-shadow(0 0 10px currentColor)}50%{filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 30px currentColor)}}.special-day-effects:before{animation:turkishFlag 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ff00001a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#ff00000d 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.wishes-card[style*=border-left]{animation:specialDayPulse 3s ease-in-out infinite}.wishes-card[style*=border-left] .wishes-icon{animation:specialDayGlow 2s ease-in-out infinite alternate}.wishes-card[style*=border-left] .wishes-decoration{animation:specialDayGlow 2s ease-in-out .5s infinite alternate}.login-card[style*=border] h1[style*=color]{animation:specialDayGlow 3s ease-in-out infinite alternate}.refund-btn{background:#e74c3c;border-radius:4px;font-size:14px;padding:4px 8px;transition:background-color .2s}.refund-btn:hover{background:#c0392b}.refund-btn:active{transform:scale(.95)}.purchase-actions{align-items:center;display:flex;gap:10px}.refund-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.refund-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.refund-btn:active{box-shadow:0 2px 6px #e74c3c4d;transform:translateY(0) scale(.98)}.purchase-item:hover{background:#3498db0d;border-radius:8px;margin:0 -8px;padding:12px 8px}.theme-refresh-btn{background-color:#ff9f43;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:10px 14px;transition:.2s ease-in-out}.theme-refresh-btn:hover{background-color:#ff7f00}.theme-refresh-btn:active{transform:scale(.96)}body[data-theme=default]{background:linear-gradient(135deg,#8b0000,red 40%,gold)!important}.login-container.theme-default{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.login-container.theme-1029,.login-container.theme-29ekim{background:linear-gradient(135deg,#e52d27,#b31217);color:#fff}body[data-theme] .login-container{transition:all .3s ease}.homework-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:20px 0}.student-card{align-items:center;background:#f9f9f9;border:3px solid #2c3e50;border-radius:12px;box-shadow:0 4px 8px #00000026;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:12px;text-align:center;transition:.2s}.student-card:nth-child(6n+1){border-color:#e74c3c}.student-card:nth-child(6n+2){border-color:#3498db}.student-card:nth-child(6n+3){border-color:#2ecc71}.student-card:nth-child(6n+4){border-color:#f39c12}.student-card:nth-child(6n+5){border-color:#9b59b6}.student-card:nth-child(6n+6){border-color:#e67e22}.student-card:hover{background:#e6f5ff;border-width:4px;transform:translateY(-2px)}.student-card:nth-child(6n+1):hover{box-shadow:0 6px 16px #e74c3c66}.student-card:nth-child(6n+2):hover{box-shadow:0 6px 16px #3498db66}.student-card:nth-child(6n+3):hover{box-shadow:0 6px 16px #2ecc7166}.student-card:nth-child(6n+4):hover{box-shadow:0 6px 16px #f39c1266}.student-card:nth-child(6n+5):hover{box-shadow:0 6px 16px #9b59b666}.student-card:nth-child(6n+6):hover{box-shadow:0 6px 16px #e67e2266}.student-card span{color:#333;font-weight:700}.student-card small{color:#666;font-size:.8em}.mark-unsubmitted{background:#f66;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:12px 20px;transition:all .3s ease}.mark-unsubmitted:hover{background:#f44;box-shadow:0 4px 12px #ff66664d;transform:translateY(-2px)}.homework-check h2{color:#333;margin-bottom:20px;text-align:center}@keyframes glowFade{0%{box-shadow:0 0 0 #0ff0;opacity:1;transform:scale(1)}40%{box-shadow:0 0 15px #0ffc;opacity:1;transform:scale(1.05)}to{box-shadow:0 0 25px #0ff0;filter:blur(2px);opacity:0;transform:scale(1.2)}}.student-card.glow-fade{animation:glowFade .6s ease-out forwards}.student-card{transition:opacity .6s ease,transform .6s ease,box-shadow .2s ease}.student-card.submitted{opacity:0;pointer-events:none;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.student-card{transition:opacity 1ms linear,transform 1ms linear}}.reset-day{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px;transition:.2s}.reset-day:hover{background:#339dff}.moral-quote{animation:fadeIn 1.2s ease-in!important;background:linear-gradient(135deg,#b91c1c,#7f1d1d)!important;border:3px solid gold!important;border-radius:20px!important;box-shadow:0 10px 30px #b91c1c4d!important;color:#fffbea!important;font-weight:700!important;line-height:1.6!important;margin:25px auto!important;padding:30px!important;text-shadow:2px 2px 4px #0000004d!important}.moral-quote p{font-size:1.8rem;font-style:italic;letter-spacing:.5px;margin:0 0 15px}.moral-quote span{color:gold;display:block;font-size:1.3rem;font-style:normal;font-weight:600;margin-top:15px}.theme-message.moral-quote{all:unset;background:linear-gradient(135deg,#b91c1c,#7f1d1d)!important;border:2px solid gold!important;border-radius:16px!important;color:#fffbea!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;padding:24px!important;text-align:center!important;text-shadow:0 3px 6px #00000080}.theme-message.moral-quote span{color:gold;display:block;font-size:1.1rem;font-weight:700;margin-top:8px}.error-message,.login-btn,.login-button,.login-card,.login-form,.login-input,.moral-message,.moral-quote,.teacher-divider,.teacher-info,.teacher-label,.teacher-name,.theme-message{all:revert-layer}.login-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#fff3!important;border:1px solid #ffffff80!important;border-radius:25px!important;box-shadow:0 8px 32px #0003!important;max-width:600px!important;padding:50px!important;text-align:center!important;width:95%!important}.login-btn{background:linear-gradient(45deg,red,#c00)!important;border:3px solid gold!important;border-radius:50px!important;box-shadow:0 8px 25px #ff000080!important;color:gold!important;cursor:pointer!important;font-size:1.5rem!important;font-weight:900!important;letter-spacing:2px!important;padding:20px 40px!important;text-transform:uppercase!important;transition:all .3s ease!important}.teacher-label{color:#ffe8b0!important;display:block!important;font-size:14px!important;font-weight:500!important;letter-spacing:.5px!important;opacity:.85!important}.teacher-name{color:#ffdd6f!important;display:block!important;font-size:22px!important;font-weight:800!important;letter-spacing:1px!important;margin-top:2px!important;text-shadow:0 0 8px #ffd70066!important}.moral-quote,.theme-message{animation:fadeIn 1.2s ease-in!important;background:none!important;border:none!important;color:#fff7e6!important;font-size:1.15rem!important;font-weight:500!important;line-height:1.5!important;margin-top:8px!important;padding:0!important;text-align:center!important}.moral-quote span,.theme-message span{color:inherit!important;display:block!important;font-size:.95rem!important;margin-top:4px!important;opacity:.9!important}.quote{line-height:1.6!important;white-space:normal!important}.quote-author{white-space:nowrap!important}.moral-quote,div[style*="font-size: 1rem"]{color:#2c3e50!important;font-size:1.8rem!important;font-style:italic!important;font-weight:600!important;line-height:1.5!important;margin:15px auto!important;max-width:800px!important;text-align:center!important}.moral-quote{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.quote{font-size:1rem!important;font-weight:400!important;line-height:1.5!important;margin:0!important;padding:10px!important;position:relative!important;text-align:center!important;z-index:99!important}.quote,.quote-author{color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important}.quote-author{font-weight:600!important;margin-top:6px!important}.quote{background:#0000!important;color:#4a2b10!important;font-size:1.8rem!important;font-weight:700!important;padding:10px;position:relative;z-index:99}.quote-author{font-size:1.6rem!important;font-weight:900!important;margin-top:6px}.economy-avatar{border-radius:50%;height:50px;margin:5px 0;overflow:hidden;width:50px}.economy-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.economy-avatar{align-items:center;display:flex;justify-content:center;margin:0 auto}.economy-avatar,.economy-avatar img{height:100px!important;width:100px!important}.auth-screen{align-items:center;animation:authFade .15s ease-out;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:100dvh;padding:48px 16px}@keyframes authFade{0%{opacity:.001}to{opacity:1}}.hero-banner{background:#b91c1c;border:3px solid #7f1d1d;border-radius:24px;box-shadow:0 12px 28px #0000002e;color:#fff;max-width:960px;padding:20px 28px;width:92%}.hero-content{align-items:center;display:flex;gap:20px;justify-content:center;text-align:center}.hero-icon{flex-shrink:0;font-size:2.5rem}.hero-text{flex:1 1}.hero-title{font-size:clamp(18px,2.4vw,28px);font-weight:800;margin:0 0 6px}.hero-sub{font-size:clamp(14px,1.8vw,18px);font-weight:600;margin:0;opacity:.95}.hero-decoration{flex-shrink:0;font-size:2rem}.login-card{background:linear-gradient(180deg,#fde4d0,#f7b9a0);border:1px solid #0000000f;box-shadow:0 18px 40px #00000038;max-width:680px;padding:28px;width:92%}.login-header{margin-bottom:24px;text-align:center}.school-title{color:#b91c1c;font-size:clamp(20px,3vw,32px);font-weight:900;margin:0 0 12px;text-shadow:1px 1px 2px #0000001a}.school-name{color:#7f1d1d;font-size:clamp(16px,2.2vw,24px);font-weight:700;margin:0 0 8px}.class-name{color:#92400e;font-size:clamp(14px,2vw,20px);font-weight:600;margin:0 0 16px}.teacher-info{align-items:center;display:flex;flex-direction:column;gap:4px}.teacher-label{color:#78716c;font-size:14px;font-weight:500}.teacher-name{color:#b91c1c;font-size:18px;font-weight:700}.teacher-divider{color:#a8a29e;font-size:12px;margin:8px 0}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{background:#fff;border:2px solid #f59e0b;border-radius:12px;box-sizing:border-box;font-size:16px;height:48px;outline:none;padding:0 14px;transition:all .2s ease;width:100%}.login-input:focus{border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c1a}.login-button{align-items:center;background:linear-gradient(45deg,#b91c1c,#dc2626);border:none;border-radius:999px;box-shadow:0 12px 20px #ef444459;color:#fff;cursor:pointer;display:inline-flex!important;font-size:16px;font-weight:800;height:54px;justify-content:center;letter-spacing:.5px;margin-top:14px;opacity:1!important;pointer-events:auto!important;transition:all .2s ease;visibility:visible!important;width:100%}.login-button:hover{box-shadow:0 16px 25px #ef444466;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.error-message{background:#dc26261a;border:1px solid #dc262633;border-radius:8px;color:#dc2626;font-size:14px;font-weight:600;margin:8px 0 0;padding:8px;text-align:center}@media (max-width:768px){.auth-screen{gap:24px;padding:24px 12px}.hero-content{flex-direction:column;gap:12px}.hero-decoration,.hero-icon{font-size:2rem}.login-card{padding:20px}.login-button,.login-input{font-size:16px;height:52px}}@media (pointer:coarse){.login-button{height:56px;min-height:44px}.login-input{height:52px;min-height:44px}}.moral-message{animation:fadeIn 1.2s ease-in;color:#fff7e6;font-size:1.1rem;font-weight:500;line-height:1.4;margin-top:12px;text-align:center}.quote-author{display:block;font-size:.95rem;font-weight:600;margin-top:4px;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.birthday-overlay{background-position:50%;background-size:cover;border-radius:15px;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.birthday-message{animation:birthdayGlow 2s ease-in-out infinite alternate;background:#fffffff2;border:2px solid #ffd93d;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#ff6b6b;font-size:18px;font-weight:700;margin:10px 0;padding:15px 25px;position:relative;text-align:center;z-index:2}.birthday-card-message{animation:birthdayPulse 3s ease-in-out infinite}[data-theme=birthday]{--birthday-primary:#ff6b6b;--birthday-secondary:#ffd93d;--birthday-accent:#ff8e8e}[data-theme=birthday] body{background:linear-gradient(135deg,#ff6b6b,#ffd93d)!important}[data-theme=birthday] .login-card{border:3px solid #ffd93d;box-shadow:0 0 30px #ff6b6b66}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff38!important;border:1px solid #ffffff47;border-radius:28px;padding-top:140px!important;position:relative;z-index:1}[data-theme=birthday] .login-button{animation:birthdayButtonGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b6b,#ffd93d)!important;border-color:#ffd93d!important}@keyframes birthdayButtonGlow{0%{box-shadow:0 4px 15px #ff6b6b4d}to{box-shadow:0 6px 25px #ff6b6b99}}.birthday-avatar-container{display:flex;justify-content:center;margin-top:-120px;position:relative;z-index:20}.birthday-avatar-wrapper{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:20}.birthday-avatar-wrapper:hover{transform:translateY(-8px) scale(1.03) translateZ(0)}.birthday-avatar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000;border:none!important;box-shadow:none!important;display:block;filter:brightness(1.15) contrast(1.3) saturate(1.2) sharpen(1) unsharp-mask(1px,1,.5);height:200px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;margin:0 auto;object-fit:contain;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:200px}.birthday-avatar:hover{filter:brightness(1.2) contrast(1.35) saturate(1.25) sharpen(1.2) unsharp-mask(1px,1.2,.6);transform:translateZ(0) scale(1.02)}.music-control-btn{align-items:center;background:#ffffffe6;border:2px solid gold;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:100}.music-control-btn:hover{background:#fff;box-shadow:0 6px 16px #ffd7004d;transform:scale(1.1)}.music-control-btn:active{transform:scale(.95)}@media (max-width:768px){.birthday-message{font-size:16px;padding:12px 20px}.birthday-card-message{font-size:1.4rem!important}.birthday-avatar{height:160px;width:160px}.birthday-avatar-container{margin-top:-100px}}@media (max-width:480px){.birthday-message{font-size:14px;padding:10px 15px}.birthday-card-message{font-size:1.2rem!important}.birthday-avatar{height:140px;width:140px}.birthday-avatar-container{margin-top:-90px}}.admin-panel-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-panel{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;width:95%}.admin-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.admin-header h2{font-size:24px;margin:0}.close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;transition:background .3s;width:40px}.close-btn:hover{background:#ffffff4d}.admin-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s}.tab-btn:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.tab-btn:first-child:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.tab-btn:first-child.active{background:linear-gradient(135deg,#4c63d2,#5d3a7e);box-shadow:0 4px 15px #667eea66}.tab-btn:nth-child(2){background:linear-gradient(135deg,#ff6b6b,#ffd93d)}.tab-btn:nth-child(2):hover{background:linear-gradient(135deg,#ff5252,#ffcc02);transform:translateY(-1px)}.tab-btn:nth-child(2).active{background:linear-gradient(135deg,#e74c3c,#f39c12);box-shadow:0 4px 15px #e74c3c66}.tab-btn:nth-child(3){background:linear-gradient(135deg,#2ecc71,#27ae60)}.tab-btn:nth-child(3):hover{background:linear-gradient(135deg,#26b866,#229954);transform:translateY(-1px)}.tab-btn:nth-child(3).active{background:linear-gradient(135deg,#1fa85a,#1e8449);box-shadow:0 4px 15px #2ecc7166}.tab-btn:nth-child(4){background:linear-gradient(135deg,#e74c3c,#c0392b)}.tab-btn:nth-child(4):hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-1px)}.tab-btn:nth-child(4).active{background:linear-gradient(135deg,#c62828,brown);box-shadow:0 4px 15px #e74c3c66}.tab-btn:nth-child(5){background:linear-gradient(135deg,#9b59b6,#8e44ad)}.tab-btn:nth-child(5):hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-1px)}.tab-btn:nth-child(5).active{background:linear-gradient(135deg,#7d3c98,#6c3483);box-shadow:0 4px 15px #9b59b666}.tab-btn:nth-child(6){background:linear-gradient(135deg,#e67e22,#d35400)}.tab-btn:nth-child(6):hover{background:linear-gradient(135deg,#d35400,#ba4a00);transform:translateY(-1px)}.tab-btn:nth-child(6).active{background:linear-gradient(135deg,#ba4a00,#a04000);box-shadow:0 4px 15px #e67e2266}@keyframes birthdayActiveGlow{0%{box-shadow:0 4px 15px #e74c3c66}to{box-shadow:0 6px 25px #e74c3cb3}}@keyframes birthdayGlow{0%{box-shadow:0 2px 10px #ff6b6b4d}to{box-shadow:0 4px 20px #ff6b6b99}}.admin-content{flex:1 1;overflow-y:auto;padding:20px}.add-student-form{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.add-student-form h3{color:#333;margin:0 0 15px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.form-grid input,.form-grid select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px}.form-buttons{display:flex;gap:10px}.add-btn,.update-btn{background:#28a745;border:none;color:#fff;cursor:pointer}.add-btn,.cancel-btn,.update-btn{border-radius:6px;font-weight:500;padding:12px 24px}.students-list{max-height:600px!important;overflow-y:auto}.students-list h3{color:#333;margin-bottom:20px}.students-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.student-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.student-info h4{color:#333;margin:0 0 10px}.student-info p{color:#666;font-size:14px;margin:5px 0}.student-actions{display:flex;gap:10px;margin-top:15px}.edit-btn{background:#007bff;font-size:12px;padding:8px 16px}.delete-btn,.edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer}.delete-btn{background:#dc3545;font-size:11px;font-weight:500;padding:6px 12px}.delete-btn:hover{background:#c82333}.add-curriculum-form{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.curriculum-list{background:#fff}.subject-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;overflow:hidden}.subject-section h4{background:#667eea;color:#fff;font-size:18px;margin:0;padding:15px 20px}.unit-section{border-bottom:1px solid #e0e0e0}.unit-section h5,.unit-section:last-child{border-bottom:none}.unit-section h5{background:linear-gradient(135deg,#6c757d,#495057);border-left:4px solid #28a745;color:#fff;font-size:16px;font-weight:600;margin:0;padding:15px 20px;text-shadow:0 1px 2px #0000004d}.topics-list{padding:10px 20px}.topic-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.topic-item:last-child{border-bottom:none}.achievement-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.achievement-code{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-bottom:4px;padding:4px 8px;text-shadow:0 1px 2px #0003}.achievement-description{color:#333;font-size:13px;line-height:1.4}.topic-section{border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;overflow:hidden}.topic-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 15px}.topic-header h6{color:#495057;font-size:14px;font-weight:600;margin:0}.delete-topic-btn-admin{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px}.delete-topic-btn-admin:hover{background:#c82333}.topic-actions{align-items:center;display:flex;gap:8px}.edit-topic-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px}.edit-topic-btn:hover{background:#0056b3}.achievement-actions{align-items:center;display:flex;gap:8px}.edit-achievement-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px}.edit-achievement-btn:hover{background:#0056b3}.edit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.edit-modal{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%}.simple-modal-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:20px}.simple-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.simple-modal-content{padding:20px}.simple-field{margin-bottom:15px}.simple-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.simple-field input,.simple-field textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.simple-field input:focus,.simple-field textarea:focus{border-color:#007bff;outline:none}.simple-field textarea{font-family:inherit;resize:vertical}.form-field textarea{min-height:80px;resize:vertical}.simple-modal-actions{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.simple-save-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.simple-save-btn:hover{background:#218838}.simple-cancel-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.simple-cancel-btn:hover{background:#5a6268}.inline-edit input{border:2px solid #007bff;border-radius:4px;font-size:14px;font-weight:600;padding:8px;width:100%}.inline-edit-achievement{background:#f8f9fa;border:2px solid #007bff;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:10px}.edit-code{font-size:12px;font-weight:700;width:120px}.edit-code,.edit-description{border:1px solid #ddd;border-radius:4px;padding:8px}.edit-description{font-family:inherit;font-size:13px;resize:vertical}.edit-actions{display:flex;gap:8px}.save-btn{background:#28a745}.cancel-btn,.save-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.cancel-btn{background:#6c757d}.inline-edit-unit{background:#f8f9fa;border:2px solid #007bff;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:10px}.edit-unit-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;font-weight:600;padding:8px;resize:vertical}.unit-header{align-items:center;background:#667eea;color:#fff;display:flex;justify-content:space-between;margin:0;padding:12px 20px}.unit-header h5{color:#fff;font-size:16px;font-weight:600;margin:0}.edit-unit-btn{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:background .3s}.edit-unit-btn:hover{background:#ffffff4d}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.settings-section h3{color:#333;margin:0 0 15px}.settings-actions{display:flex;flex-wrap:wrap;gap:15px}.export-btn,.import-btn{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none}.system-info{background:#f8f9fa;border-radius:6px;padding:15px}.system-info p{color:#333;margin:8px 0}.reports-view{background:#fff}.report-tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px}.report-tab{background:#f8f9fa;border:none;border-radius:6px 6px 0 0;cursor:pointer;margin-right:5px;padding:12px 24px}.report-tab.active{background:#667eea;color:#fff}.academic-reports{padding:20px}.report-buttons{display:flex;flex-wrap:wrap;gap:10px}.danger-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px}.danger-btn:hover{background:#c82333}@media (max-width:768px){.admin-panel{height:95vh;width:98%}.admin-tabs{flex-direction:column}.form-grid,.students-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}}.birthday-manager{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.birthday-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#fff;display:flex;justify-content:space-between;padding:20px}.birthday-header h2{font-size:24px;margin:0}.birthday-content{max-height:70vh;overflow-y:auto;padding:20px}.todays-birthdays{margin-bottom:30px}.todays-birthdays h3{color:#ff6b6b;font-size:20px;margin-bottom:15px}.birthday-cards{display:flex;flex-wrap:wrap;gap:15px}.birthday-card{align-items:center;animation:birthdayPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:15px;box-shadow:0 5px 15px #ff6b6b4d;color:#fff;display:flex;gap:15px;min-width:280px;padding:20px}@keyframes birthdayPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.student-avatar{height:60px;position:relative;width:60px}.student-avatar img{border:3px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.birthday-badge{align-items:center;background:#ffd93d;border-radius:50%;display:flex;font-size:12px;height:25px;justify-content:center;position:absolute;right:-5px;top:-5px;width:25px}.student-info h4{font-size:18px;margin:0 0 5px}.student-info p{margin:0;opacity:.9}.upcoming-birthdays h3{color:#333;font-size:18px;margin-bottom:15px}.birthday-list{display:flex;flex-direction:column;gap:10px}.birthday-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s}.birthday-item:hover{background:#fff;box-shadow:0 2px 10px #0000001a}.birthday-item .student-avatar{height:50px;width:50px}.birthday-item .student-info{flex:1 1}.birthday-item .student-info h4{color:#333;font-size:16px;margin:0 0 5px}.birthday-item .student-info p{color:#666;font-size:14px;margin:0}.days-until{min-width:80px;text-align:center}.days-number{color:#ff6b6b;display:block;font-size:24px;font-weight:700}.days-text{color:#666;font-size:12px}.no-birthdays{color:#666;padding:40px;text-align:center}.all-birthdays{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.all-birthdays h3{color:#333;font-size:18px;margin-bottom:15px}.birthday-list-all{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:600px;overflow-y:auto}.birthday-item-small{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;padding:10px;transition:all .3s}.birthday-item-small:hover{background:#fff;box-shadow:0 2px 5px #0000001a}.student-avatar-small{height:40px;width:40px}.student-avatar-small img{border:2px solid #ddd;border-radius:50%;height:100%;object-fit:cover;width:100%}.student-info-small h5{color:#333;font-size:14px;margin:0 0 3px}.student-info-small p{color:#666;font-size:12px;margin:0}.birth-date{font-weight:500}.days-remaining{margin-top:2px!important}.today-badge{background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:8px;color:#fff;display:inline-block;font-size:10px;font-weight:500;padding:1px 4px}.days-count{color:#ff6b6b;font-size:10px;font-weight:400}@media (max-width:768px){.birthday-manager{width:100%}.birthday-cards{flex-direction:column}.birthday-card{min-width:auto}.birthday-list-all{grid-template-columns:1fr}}