@charset "UTF-8";.student-header{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;padding:20px;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.user-info{display:flex;align-items:center;gap:15px}.avatar{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-details{display:flex;flex-direction:column}.student-name{font-size:1.5rem;font-weight:600;margin:0}.welcome-text{font-size:.9rem;opacity:.9;margin:0}.header-actions{display:flex;align-items:center;gap:15px}.wheel-actions{display:flex;gap:8px}.wheel-action{width:28px;height:28px;border:none;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.wheel-action:hover{background:rgba(255,255,255,.3);opacity:1;transform:scale(1.1)}@media (max-width: 768px){.student-header{padding:15px}.header-content{flex-direction:column;gap:15px;text-align:center}.user-info{justify-content:center}.avatar{width:50px;height:50px;font-size:2rem}.student-name{font-size:1.3rem}}.task-timer{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;text-align:center;max-width:500px;margin:0 auto}.timer-header{margin-bottom:30px}.timer-header h3{color:#333;font-size:1.5rem;margin-bottom:10px}.timer-description{color:#666;font-size:1rem;line-height:1.5}.timer-circle{position:relative;width:200px;height:200px;margin:0 auto 30px}.progress-ring-background{stroke:#e0e0e0;stroke-width:8;fill:transparent}.progress-ring-progress{stroke:#4caf50;stroke-width:8;fill:transparent;transition:stroke-dashoffset 1s ease;transform:rotate(-90deg);transform-origin:50% 50%}.timer-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-text{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:5px}.time-label{font-size:1rem;color:#666}.timer-controls{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.control-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.control-button.pause{background:#FF9800;color:#fff}.control-button.pause:hover{background:#F57C00;transform:translateY(-2px)}.control-button.resume{background:#4CAF50;color:#fff}.control-button.resume:hover{background:#45a049;transform:translateY(-2px)}.control-button.cancel{background:#f44336;color:#fff}.control-button.cancel:hover{background:#d32f2f;transform:translateY(-2px)}.timer-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.info-item{background:#f8f9fa;padding:15px;border-radius:12px}.info-label{display:block;font-size:.9rem;color:#666;margin-bottom:5px}.info-value{font-size:1.2rem;font-weight:600;color:#333}@media (max-width: 768px){.task-timer{padding:20px;margin:10px}.timer-circle,.progress-ring{width:150px;height:150px}.progress-ring-background,.progress-ring-progress{r:65;cx:75;cy:75;stroke-width:6}.progress-ring-progress{stroke-dasharray:408.41}.time-text{font-size:2rem}.timer-controls{flex-direction:column;gap:10px}.control-button{width:100%;justify-content:center}.timer-info{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.task-timer{padding:15px}.timer-header h3{font-size:1.3rem}.timer-circle,.progress-ring{width:120px;height:120px}.progress-ring-background,.progress-ring-progress{r:50;cx:60;cy:60;stroke-width:5}.progress-ring-progress{stroke-dasharray:314.16}.time-text{font-size:1.5rem}.info-item{padding:12px}.info-value{font-size:1.1rem}}.task-item{background:white;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border-left:4px solid #4CAF50}.task-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.task-item.completed{border-left-color:#9e9e9e;opacity:.8}.task-content{flex:1}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.task-title{font-size:1.1rem;font-weight:600;margin:0;color:#333}.rating-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.rating-badge.excellent{background:#4CAF50;color:#fff}.rating-badge.good{background:#2196F3;color:#fff}.rating-badge.poor{background:#F44336;color:#fff}.task-description{color:#666;font-size:.9rem;margin:10px 0;line-height:1.4}.task-meta{display:flex;gap:15px;font-size:.8rem;color:#999;flex-wrap:wrap}.task-date,.task-time,.task-actual-time{display:flex;align-items:center;gap:4px}.task-actual-time{color:#4caf50;font-weight:500}.task-rating{margin-top:10px}.complete-button{background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-top:15px}.complete-button:hover{background:#45a049;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.rating-modal{background:white;border-radius:16px;padding:30px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.rating-modal h3{text-align:center;margin-bottom:20px;color:#333}.task-title-modal{text-align:center;font-size:1.1rem;color:#666;margin-bottom:25px}.rating-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.rating-button{display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;border:2px solid #eee;background:white;cursor:pointer;transition:all .3s ease;text-align:left}.rating-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.rating-button.excellent:hover{border-color:#4caf50;background:rgba(76,175,80,.1)}.rating-button.good:hover{border-color:#2196f3;background:rgba(33,150,243,.1)}.rating-button.poor:hover{border-color:#f44336;background:rgba(244,67,54,.1)}.rating-icon{font-size:1.5rem}.rating-text{font-size:1.1rem;font-weight:500;flex:1}.rating-points{font-size:.9rem;color:#666}.rating-result{text-align:center;margin-bottom:25px}.rating-display{font-size:1.2rem;font-weight:600;margin:15px 0;padding:10px;border-radius:8px}.rating-display.excellent{background:rgba(76,175,80,.1);color:#4caf50}.rating-display.good{background:rgba(33,150,243,.1);color:#2196f3}.rating-display.poor{background:rgba(244,67,54,.1);color:#f44336}.rating-points-display{font-size:1.3rem;font-weight:700;color:#4caf50}.close-button{width:100%;padding:12px;background:#607D8B;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.close-button:hover{background:#546e7a;transform:translateY(-1px)}@media (max-width: 768px){.task-item{padding:15px}.task-header{flex-direction:column;gap:8px}.task-meta{flex-direction:column;gap:5px}.rating-modal{padding:20px;margin:20px}.rating-options{gap:10px}.rating-button{padding:12px}}.task-list{padding:20px}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.task-list-header h2{margin:0;color:#333;font-size:1.8rem}.task-stats{display:flex;gap:20px;font-size:.9rem}.stat-item{background:#f8f9fa;padding:8px 12px;border-radius:20px;color:#666;font-weight:500}.task-section{margin-bottom:40px}.task-section h3{font-size:1.3rem;color:#555;margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toggle-button{background:#607D8B;color:#fff;border:none;padding:6px 12px;border-radius:16px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.tasks-container{display:flex;flex-direction:column;gap:15px}.completed-tasks .task-item{border-left-color:#9e9e9e;opacity:.8}.completed-tasks .task-item:hover{transform:none;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.task-list{padding:15px}.task-list-header{flex-direction:column;align-items:flex-start;gap:15px}.task-list-header h2{font-size:1.5rem}.task-stats{width:100%;justify-content:space-around;gap:10px}.stat-item{flex:1;text-align:center;padding:6px 8px;font-size:.8rem}.task-section h3{font-size:1.2rem}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.toggle-button{align-self:flex-end}}@media (max-width: 480px){.task-stats{flex-direction:column;gap:8px}.stat-item{text-align:center}}.points-display{display:flex;justify-content:center;margin:30px 0}.points-card{background:linear-gradient(135deg,#FFC107 0%,#FFB300 100%);border-radius:20px;padding:30px;box-shadow:0 10px 30px #ffc1074d;display:flex;align-items:center;gap:20px;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.points-content{display:flex;flex-direction:column;color:#333}.points-value{font-size:3rem;font-weight:700;line-height:1;margin:5px 0}.points-label{font-size:.9rem;opacity:.8;margin:0}@media (max-width: 768px){.points-display{margin:20px 0}.points-card{padding:20px;min-width:250px}.points-icon,.points-value{font-size:2.5rem}}@media (max-width: 480px){.points-card{min-width:200px;padding:15px}.points-icon{font-size:2rem}.points-content h3{font-size:1rem}.points-value{font-size:2rem}}.student-app{min-height:100vh;background:#f5f5f5}.student-main{max-width:1200px;margin:0 auto;padding:20px}.tasks-section{background:white;border-radius:16px;padding:25px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.tasks-section h2{text-align:center;color:#333;margin-bottom:20px;font-size:1.5rem}@media (max-width: 768px){.student-main{padding:15px}.tasks-section{padding:20px}.tasks-section h2{font-size:1.3rem}}@media (max-width: 480px){.tasks-section{padding:15px}.tasks-section h2{font-size:1.2rem;margin-bottom:15px}}.parent-header{background:linear-gradient(135deg,#607D8B 0%,#546e7a 100%);color:#fff;padding:20px;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;flex-direction:column;gap:10px}.app-title{font-size:1.8rem;font-weight:600;margin:0}.student-name-section{display:flex;align-items:center;gap:10px}.student-label{font-size:1rem;opacity:.9}.name-display{display:flex;align-items:center;gap:8px}.student-name{font-size:1.2rem;font-weight:500}.edit-button{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem}.edit-button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.name-edit{display:flex;align-items:center;gap:8px}.name-input{background:rgba(255,255,255,.9);border:2px solid #607D8B;border-radius:6px;padding:6px 10px;font-size:1.1rem;color:#333;width:150px}.name-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.name-actions{display:flex;gap:5px}.save-button,.cancel-button{background:rgba(255,255,255,.2);border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem;color:#fff}.save-button:hover{background:rgba(76,175,80,.3);transform:scale(1.1)}.cancel-button:hover{background:rgba(244,67,54,.3);transform:scale(1.1)}.logout-button{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.logout-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}@media (max-width: 768px){.parent-header{padding:15px}.header-content{flex-direction:column;gap:15px;text-align:center}.header-left{align-items:center}.app-title{font-size:1.5rem}.student-name-section{justify-content:center}.name-input{width:120px;font-size:1rem}.logout-button{align-self:center}}@media (max-width: 480px){.app-title{font-size:1.3rem}.student-name{font-size:1rem}.name-input{width:100px;font-size:.9rem;padding:4px 8px}.edit-button,.save-button,.cancel-button{width:20px;height:20px;font-size:.7rem}}.parent-dashboard{padding:20px;position:relative}.parent-dashboard h2{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.overview-section{margin-bottom:40px}.overview-section h3{color:#333;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.overview-card{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.overview-card h4{margin:0 0 10px;color:#666;font-size:.9rem;font-weight:500}.overview-value{font-size:1.5rem;font-weight:700;color:#4caf50}.activities-section{margin-bottom:40px}.activities-section h3{color:#333;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.activities-list{background:white;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a}.activity-item{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid #eee;transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8f9fa;border-radius:12px}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f9fa}.activity-content{flex:1}.activity-description{font-weight:500;color:#333;margin-bottom:5px}.activity-amount{font-size:1.1rem;font-weight:700;color:#4caf50}.activity-time{color:#999;font-size:.9rem;white-space:nowrap}.empty-activities{text-align:center;padding:40px;color:#999}.empty-activities p{font-size:1.1rem;margin:0}.student-info{margin-bottom:30px}.student-info h3{color:#333;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.info-content{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a}.info-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.info-item:last-child{border-bottom:none}.info-item label{font-weight:600;color:#555;font-size:1.1rem}.info-item span{font-size:1.1rem;color:#333;font-weight:500}.backup-section{margin-bottom:30px}.backup-section h3{color:#333;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.backup-actions{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.export-btn,.import-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.export-btn{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.export-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.import-btn{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff}.import-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease;min-width:200px;text-align:center}.toast.success{background:linear-gradient(135deg,#4CAF50,#45a049)}.toast.error{background:linear-gradient(135deg,#f44336,#d32f2f)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.modal{background:white;border-radius:16px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 30px #0000004d;text-align:center}.modal h3{margin:0 0 20px;color:#333;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.modal p{margin:0 0 30px;color:#666;font-size:1.1rem;line-height:1.5}.modal-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f443364d}.btn-secondary{background:#f8f9fa;color:#666;border:1px solid #ddd}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px)}@media (max-width: 768px){.parent-dashboard{padding:15px}.parent-dashboard h2{font-size:1.5rem;margin-bottom:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:20px}.stat-icon{font-size:2rem;width:50px;height:50px}.stat-value{font-size:1.5rem}.overview-cards{grid-template-columns:repeat(2,1fr);gap:10px}.overview-card{padding:15px}.overview-card h4{font-size:.8rem}.overview-value{font-size:1.2rem}.activity-item{flex-direction:column;align-items:flex-start;gap:10px}.activity-time{align-self:flex-end}.info-content{padding:20px}.info-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.info-item label,.info-item span{font-size:1rem}.backup-actions{flex-direction:column;align-items:stretch;padding:20px}.export-btn,.import-btn{width:100%;justify-content:center}.modal{padding:20px;margin:20px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.stats-grid,.overview-cards{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.stat-icon{margin:0 auto}.toast{right:10px;left:10px;top:10px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.task-manager{padding:20px}.task-manager h2{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.add-task-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px}.add-task-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.tab-buttons{display:flex;gap:10px;margin-bottom:25px}.tab-button{padding:10px 20px;border:2px solid #e9ecef;background:#f8f9fa;color:#666;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.tab-button:hover{background:#e9ecef;transform:translateY(-2px)}.tab-button.active{background:#607D8B;color:#fff;border-color:#607d8b;box-shadow:0 4px 12px #607d8b4d}.form-control:disabled{background:#f5f5f5;cursor:not-allowed}.form-row{display:flex;gap:20px}.add-button{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.tasks-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a}.tasks-stats{display:flex;gap:15px}.stat-item{background:#f8f9fa;padding:8px 15px;border-radius:20px;color:#666;font-weight:500;font-size:.9rem}.tasks-list{display:flex;flex-direction:column;gap:15px}.task-item{background:#fafafa;border-radius:12px;padding:20px;border-left:4px solid #607D8B;transition:all .3s ease}.task-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.task-item.completed{border-left-color:#9e9e9e;opacity:.8;background:#f5f5f5}.task-content{display:flex;flex-direction:column;gap:15px}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.task-title{font-size:1.2rem;font-weight:600;color:#333;margin:0;flex:1}.task-actions{display:flex;gap:10px}.toggle-button,.delete-button{padding:8px 15px;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.toggle-button{background:#4CAF50;color:#fff}.toggle-button:hover{background:#45a049;transform:translateY(-1px)}.toggle-button.completed{background:#607D8B}.task-description{color:#666;font-size:1rem;margin:0;line-height:1.5}.task-meta{display:flex;gap:20px;font-size:.9rem;color:#999;flex-wrap:wrap}.task-date,.task-time,.task-completed{display:flex;align-items:center;gap:5px}.task-completed{color:#4caf50;font-weight:500}@media (max-width: 768px){.task-manager{padding:15px}.task-manager h2{font-size:1.5rem;margin-bottom:20px}.add-task-section,.tasks-section{padding:20px}.add-task-section h3,.tasks-section h3{font-size:1.3rem}.tab-buttons{flex-direction:column}.form-row{flex-direction:column;gap:15px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.tasks-stats{width:100%;justify-content:space-around}.task-header{flex-direction:column;align-items:flex-start;gap:10px}.task-actions{align-self:flex-end}.task-meta{flex-direction:column;gap:8px}.stat-item{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.tab-button{padding:8px 15px;font-size:.9rem}.add-button{padding:10px 20px;font-size:1rem}.task-title{font-size:1.1rem}.toggle-button,.delete-button{padding:6px 12px;font-size:.8rem}.tasks-stats{flex-direction:column;gap:8px}}.points-manager{padding:20px}.points-manager h2{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.points-overview{display:flex;gap:30px;margin-bottom:40px;flex-wrap:wrap}.points-card{flex:1;min-width:250px;background:linear-gradient(135deg,#FFC107 0%,#FFB300 100%);border-radius:20px;padding:30px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #ffc1074d;color:#fff}.points-icon{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.points-content h3{margin:0 0 10px;font-size:1.2rem;font-weight:600;opacity:.9}.points-value{font-size:3rem;font-weight:700;line-height:1}.points-stats{flex:1;min-width:300px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{background:white;border-radius:16px;padding:20px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.stat-label{font-size:.9rem;color:#666;margin-bottom:8px;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.add-points-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px}.add-points-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.points-form{max-width:600px}.form-control:focus{border-color:#ffc107;outline:none;box-shadow:0 0 0 3px #ffc10733;background:white}.amount-input{flex:1;text-align:center;font-size:1.2rem;font-weight:600}.amount-button{width:40px;height:40px;border:2px solid #ddd;background:#f8f9fa;color:#666;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-button{background:linear-gradient(135deg,#FFC107 0%,#FFB300 100%);color:#333;border:none;padding:12px 25px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ffc1074d}.quick-actions{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px}.quick-actions h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.quick-action-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.quick-action-button:hover{background:#e9ecef;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.action-icon{font-size:2rem}.action-text{font-weight:600;color:#333;text-align:center}.points-history{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.section-header h3{color:#333;margin:0;font-size:1.5rem;display:flex;align-items:center;gap:10px}.toggle-button{background:#607D8B;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.toggle-button:hover{background:#546e7a;transform:translateY(-1px)}.history-content{border-top:1px solid #eee;padding-top:20px}.history-item{display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;background:#fafafa;transition:all .3s ease}.history-item:hover{background:#f8f9fa;transform:translate(5px)}.record-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f9fa}.record-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.record-description{font-weight:500;color:#333}.record-amount{font-size:1.2rem;font-weight:700}.record-amount.positive{color:#4caf50}.record-amount.negative{color:#f44336}.record-time{color:#999;font-size:.9rem;white-space:nowrap}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-state p{font-size:1.1rem;margin:10px 0}.empty-subtext{font-size:.9rem;color:#bbb}.reset-section{text-align:center;padding:30px}.reset-button{background:linear-gradient(135deg,#F44336 0%,#d32f2f 100%);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.reset-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f443364d}.reset-warning{color:#f44336;font-size:.9rem;font-weight:500;margin:0}@media (max-width: 768px){.points-manager{padding:15px}.points-manager h2{font-size:1.5rem;margin-bottom:20px}.points-overview{flex-direction:column;gap:20px}.points-card{padding:20px}.points-icon,.points-value{font-size:2.5rem}.points-stats{grid-template-columns:repeat(2,1fr)}.stat-item{padding:15px}.stat-value{font-size:1.2rem}.add-points-section,.quick-actions,.points-history{padding:20px}.add-points-section h3,.quick-actions h3,.points-history h3{font-size:1.3rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.quick-action-button{padding:15px}.action-icon{font-size:1.5rem}.record-content{flex-direction:column;align-items:flex-start;gap:10px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width: 480px){.points-card{text-align:center;flex-direction:column}.points-icon{margin:0 auto}.points-stats{grid-template-columns:1fr}.stat-item{padding:12px}.stat-label{font-size:.8rem}.stat-value{font-size:1.1rem}.input-with-buttons{flex-direction:column;gap:10px}.amount-button{width:35px;height:35px;font-size:1rem}.amount-input{font-size:1rem}.add-button,.reset-button{padding:10px 20px;font-size:1rem}.history-item{flex-direction:column;align-items:flex-start;gap:10px}.record-time{align-self:flex-end}}.wheel-manager{padding:20px}.wheel-manager h2{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.wheel-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.tab-button{flex:1;min-width:200px;padding:15px 20px;border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #0000001a}.tab-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.tab-button.active.reward{background:linear-gradient(135deg,#4ECDC4 0%,#44A08D 100%);color:#fff}.tab-button.active.punishment{background:linear-gradient(135deg,#FF6B6B 0%,#EE5A52 100%);color:#fff}.tab-button:not(.active){background:#f8f9fa;color:#666}.wheel-settings{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.wheel-settings h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.setting-item{display:flex;flex-direction:column;gap:10px}.setting-item label{font-weight:600;color:#555;font-size:1rem}.setting-item.checkbox-item{justify-content:center;align-items:center;padding-top:25px}.setting-item.checkbox-item label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.form-checkbox{width:18px;height:18px;cursor:pointer}.add-prize-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.add-prize-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.prize-form{max-width:600px}.form-control:focus{border-color:#607d8b;outline:none;box-shadow:0 0 0 3px #607d8b33;background:white}.input-with-buttons{display:flex;align-items:center;gap:10px}.amount-input{flex:1;text-align:center;font-size:1.1rem;font-weight:600}.amount-button{width:35px;height:35px;border:2px solid #ddd;background:#f8f9fa;color:#666;border-radius:50%;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.amount-button:hover{background:#e9ecef;transform:scale(1.1)}.amount-button.plus{background:#4CAF50;color:#fff;border-color:#4caf50}.amount-button.minus{background:#F44336;color:#fff;border-color:#f44336}.amount-button.plus:hover{background:#45a049}.amount-button.minus:hover{background:#d32f2f}.help-text{color:#999;font-size:.9rem;margin-top:5px}.add-button{background:linear-gradient(135deg,#607D8B 0%,#546e7a 100%);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #607d8b4d}.probability-stats{background:white;border-radius:16px;padding:20px 30px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.total-probability{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:25px;font-weight:600}.total-probability.valid{background:#E8F5E9;color:#4caf50}.total-probability.invalid{background:#FFEBEE;color:#f44336}.stat-label{font-size:1rem}.stat-value{font-size:1.2rem;font-weight:700}.probability-warning{color:#f44336;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:5px}.normalize-button{background:#2196F3;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.normalize-button:hover:not(:disabled){background:#1976D2;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.normalize-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.prizes-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a}.prizes-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.prizes-list{display:flex;flex-direction:column;gap:15px}.prize-item{background:#fafafa;border-radius:12px;padding:20px;transition:all .3s ease;border-left:4px solid #607D8B}.prize-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.prize-content{display:flex;align-items:center;gap:20px}.prize-info{display:flex;align-items:center;gap:15px;flex:1}.prize-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f9fa}.prize-details{display:flex;flex-direction:column;gap:5px}.prize-name{font-size:1.1rem;font-weight:600;color:#333}.prize-value{font-size:.9rem;color:#666;font-weight:500}.prize-probability{min-width:80px}.probability-value{background:#607D8B;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.prize-actions{display:flex;gap:10px}.prize-edit-form{display:flex;flex-direction:column;gap:15px}.prize-edit-form .form-row,.prize-edit-form .form-group{margin-bottom:0}.empty-state{text-align:center;padding:60px 20px;color:#999}@media (max-width: 768px){.wheel-manager{padding:15px}.wheel-manager h2{font-size:1.5rem;margin-bottom:20px}.wheel-tabs{flex-direction:column}.tab-button{min-width:auto;padding:12px 15px;font-size:1rem}.wheel-settings,.add-prize-section,.prizes-section{padding:20px}.wheel-settings h3,.add-prize-section h3,.prizes-section h3{font-size:1.3rem}.settings-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:15px}.probability-stats,.prize-content{flex-direction:column;align-items:flex-start;gap:15px}.prize-info{width:100%}.prize-probability{align-self:flex-start}.prize-actions{align-self:flex-end;width:100%;justify-content:flex-end}}@media (max-width: 480px){.tab-button{padding:10px 12px;font-size:.9rem}.amount-button{width:30px;height:30px;font-size:1rem}.amount-input{font-size:1rem}.add-button,.save-button,.cancel-button{padding:10px 20px;font-size:1rem}.edit-button,.delete-button{padding:6px 12px;font-size:.8rem}.prize-name{font-size:1rem}.probability-value{font-size:.8rem;padding:4px 10px}}.shop-manager{padding:20px}.shop-manager h2{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.shop-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:white;border-radius:16px;padding:25px;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.stat-content h3{margin:0 0 10px;color:#666;font-size:1rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#333;line-height:1}.add-item-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px}.add-item-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.item-form{max-width:600px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{flex:1}.form-group label{display:block;font-weight:600;color:#555;margin-bottom:8px;font-size:1rem}.form-control{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-control:focus{border-color:#9c27b0;outline:none;box-shadow:0 0 0 3px #9c27b033;background:white}textarea.form-control{resize:vertical;min-height:100px}.add-button{background:linear-gradient(135deg,#9C27B0 0%,#8E24AA 100%);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #9c27b04d}.add-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.items-section{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a}.items-section h3{color:#333;margin-bottom:25px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.items-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.item-card{background:#fafafa;border-radius:12px;padding:20px;transition:all .3s ease;border-left:4px solid #9C27B0}.item-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.item-content{display:flex;flex-direction:column;gap:15px}.item-info{flex:1;display:flex;flex-direction:column;gap:10px}.item-name{font-size:1.2rem;font-weight:600;color:#333;margin:0}.item-description{color:#666;font-size:.9rem;line-height:1.5;margin:0}.item-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.item-price{background:#9C27B0;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.item-date{color:#999;font-size:.8rem;font-weight:500}.item-actions{display:flex;gap:10px;justify-content:flex-end}.edit-button,.delete-button{padding:8px 15px;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.edit-button{background:#FFC107;color:#333}.edit-button:hover{background:#FFB300;transform:translateY(-1px)}.delete-button{background:#F44336;color:#fff}.delete-button:hover{background:#d32f2f;transform:translateY(-1px)}.item-edit-form{display:flex;flex-direction:column;gap:15px}.item-edit-form .form-row,.item-edit-form .form-group{margin-bottom:0}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.save-button,.cancel-button{padding:8px 20px;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.save-button{background:#4CAF50;color:#fff}.save-button:hover{background:#45a049;transform:translateY(-1px)}.cancel-button{background:#9E9E9E;color:#fff}.cancel-button:hover{background:#757575;transform:translateY(-1px)}.empty-state{text-align:center;padding:60px 20px;color:#999;grid-column:1 / -1}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state p{font-size:1.2rem;margin:10px 0}.empty-subtext{font-size:1rem;color:#bbb}@media (max-width: 768px){.shop-manager{padding:15px}.shop-manager h2{font-size:1.5rem;margin-bottom:20px}.shop-stats{grid-template-columns:repeat(2,1fr);gap:15px}.stat-card{padding:20px}.stat-icon{font-size:2rem;width:50px;height:50px}.stat-value{font-size:1.5rem}.add-item-section,.items-section{padding:20px}.add-item-section h3,.items-section h3{font-size:1.3rem}.form-row{flex-direction:column;gap:15px}.items-list{grid-template-columns:1fr}.item-card{padding:15px}.item-name{font-size:1.1rem}.item-meta{flex-direction:column;align-items:flex-start;gap:8px}.item-actions{align-self:flex-end}}@media (max-width: 480px){.shop-stats{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.stat-icon{margin:0 auto}.add-button,.save-button,.cancel-button{padding:10px 20px;font-size:1rem}.edit-button,.delete-button{padding:6px 12px;font-size:.8rem}.item-name{font-size:1rem}.item-price{font-size:.8rem;padding:4px 10px}}.pin-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.pin-login-container{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:400px;width:100%}.pin-login-header h2{margin:0 0 10px;color:#333;font-size:2rem}.pin-login-header p{margin:0 0 30px;color:#666;font-size:1.1rem}.pin-form{margin-bottom:30px}.pin-input-container{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.pin-digit{width:60px;height:70px;text-align:center;font-size:2rem;border:3px solid #ddd;border-radius:10px;outline:none;transition:all .3s ease;background:#f8f9fa}.pin-hidden-input{position:absolute;opacity:0;height:0;width:0}.pin-digit:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:white}.pin-digit.error{border-color:#e74c3c;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pin-error{color:#e74c3c;margin-bottom:20px;font-weight:500}.pin-submit-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pin-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.pin-submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.pin-hint{background:#f8f9fa;border-radius:10px;padding:15px;margin-top:20px}.pin-hint p{margin:0;color:#666;font-size:.9rem}@media (max-width: 480px){.pin-login-container{padding:30px 20px;margin:10px}.pin-digit{width:50px;height:60px;font-size:1.5rem}.pin-login-header h2{font-size:1.5rem}}.parent-app{min-height:100vh;background:#f5f5f5}.parent-main{display:flex;max-width:1400px;margin:0 auto;padding:20px;gap:20px}.parent-nav{flex:0 0 250px;background:white;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a;height:fit-content}.nav-items{display:flex;flex-direction:column;gap:10px}.nav-item{width:100%;padding:15px;border:none;border-radius:12px;background:#f8f9fa;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:10px}.nav-item:hover{background:#e9ecef;transform:translate(5px)}.nav-item.active{background:#607D8B;color:#fff;box-shadow:0 4px 12px #607d8b4d}.parent-content{flex:1;background:white;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000001a;min-height:600px}.parent-content h2{color:#333;margin-bottom:30px;font-size:2rem;text-align:center}.settings-section h2{text-align:center;margin-bottom:30px}.settings-card{background:#f8f9fa;border-radius:16px;padding:30px;margin-bottom:30px}.settings-card h3{color:#333;margin-bottom:20px;font-size:1.5rem}.setting-item{margin-bottom:25px}.setting-item label{display:block;font-weight:600;color:#555;margin-bottom:10px;font-size:1.1rem}.pin-input{width:200px;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1.2rem;text-align:center;letter-spacing:5px;font-family:monospace}.pin-input:focus{border-color:#607d8b;outline:none;box-shadow:0 0 0 3px #607d8b33}.setting-description{font-size:12px;color:#666;margin-top:5px}.pin-change-success{color:#28a745;font-size:14px;margin-top:10px;padding:8px;background:#d4edda;border-radius:4px;text-align:center}@media (max-width: 1024px){.parent-main{flex-direction:column;padding:15px}.parent-nav{flex:none;width:100%}.nav-items{flex-direction:row;flex-wrap:wrap}.nav-item{flex:1;min-width:120px;justify-content:center}.parent-content{padding:20px}}@media (max-width: 768px){.parent-app{background:white}.parent-main{padding:10px;gap:15px}.parent-nav{padding:15px}.nav-item{padding:12px;font-size:.9rem;min-width:100px}.parent-content{padding:20px 15px;border-radius:12px}.parent-content h2{font-size:1.5rem;margin-bottom:20px}.settings-card{padding:20px}.settings-card h3{font-size:1.3rem}.pin-input{width:150px;font-size:1rem}}@media (max-width: 480px){.nav-items{gap:5px}.nav-item{min-width:80px;padding:10px;font-size:.8rem}.setting-item label{font-size:1rem}.pin-input{width:120px;padding:10px;font-size:.9rem}}.role-selection{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.role-selection-container{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%}.app-title{font-size:2.5rem;color:#607d8b;margin-bottom:10px;font-weight:700}.app-subtitle{font-size:1.2rem;color:#757575;margin-bottom:40px}.role-buttons{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.role-button{border:none;border-radius:16px;padding:25px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.role-button:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.role-button:active{transform:translateY(-2px)}.student-role{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff}.parent-role{background:linear-gradient(135deg,#607D8B 0%,#546e7a 100%);color:#fff}.role-icon{font-size:3rem;margin-bottom:15px}.role-name{font-size:1.5rem;font-weight:600;margin-bottom:10px}.role-description{font-size:1rem;opacity:.9}.app-info{color:#9e9e9e;font-size:.9rem}.app-info p{margin:0}@media (min-width: 768px){.role-buttons{flex-direction:row}.role-button{flex:1}.app-title{font-size:3rem}.app-subtitle{font-size:1.3rem}}.wheel-section{padding:20px}.wheel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 0}.wheel-header .back-button{background:#607D8B;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.wheel-header .back-button:hover{background:#546e7a;transform:translateY(-2px)}.wheel-header .wheel-title{margin:0;color:#333;text-align:center;flex:1}.wheel-section h2{text-align:center;color:#333;margin-bottom:10px;font-size:2rem}.wheel-tabs{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.section-description{text-align:center;color:#666;margin-bottom:30px;font-size:1.1rem}.wheel-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.info-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:25px;text-align:center;color:#fff;box-shadow:0 10px 20px #0000001a}.info-card h3{font-size:1.1rem;margin:0 0 15px;opacity:.9}.info-value{font-size:2.5rem;font-weight:700;line-height:1;margin:10px 0}.info-label{font-size:.9rem;opacity:.8}.wheel-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:40px}.wheel-wrapper{position:relative;width:300px;height:300px}.wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 4s cubic-bezier(.17,.67,.12,.99);box-shadow:0 10px 30px #0003;overflow:hidden}.wheel.spinning{transition:transform 4s cubic-bezier(.17,.67,.12,.99)}.wheel.punishment{box-shadow:0 10px 30px #8b00004d}.wheel-segment{position:absolute;width:100%;height:100%;clip-path:var(--segment-clip-path);transform:rotate(var(--segment-rotate));transform-origin:center;background-color:var(--segment-color)}.wheel-center{position:absolute;top:50%;left:50%;width:60px;height:60px;background:#333;border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 2px 10px #0000004d}.segment-text{position:absolute;text-align:center;font-weight:500;font-size:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2;width:60px;word-break:break-word}.segment-text-content{position:relative}.probability-badge{position:absolute;top:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:500;white-space:nowrap;margin-top:2px}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:30px;height:40px;background:#FF6B6B;clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:10;box-shadow:0 5px 15px #0000004d}.spin-button{background:linear-gradient(135deg,#FF6B6B 0%,#EE5A52 100%);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ff6b6b4d}.spin-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b66}.spin-button:active:not(.disabled){transform:translateY(-1px)}.spin-button.disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.spin-button.punishment{background:linear-gradient(135deg,#8B0000 0%,#A52A2A 100%);box-shadow:0 5px 20px #8b00004d}.spin-button.punishment:hover:not(.disabled){box-shadow:0 8px 25px #8b000066}.result-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.result-content{background:white;border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 40px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.result-content h3{margin-bottom:30px;color:#333;font-size:1.8rem}.result-prize{padding:30px;border-radius:16px;margin-bottom:30px;background:linear-gradient(135deg,#FFEAA7 0%,#FDCA40 100%)}.result-prize.reward{background:linear-gradient(135deg,#4ECDC4 0%,#44A08D 100%);color:#fff}.result-prize.punishment{background:linear-gradient(135deg,#FF6B6B 0%,#EE5A52 100%);color:#fff}.prize-icon{font-size:3rem;margin-bottom:15px}.prize-name{font-size:1.5rem;font-weight:700;margin-bottom:10px}.prize-value{font-size:1.2rem;font-weight:600}.close-result{background:#607D8B;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.close-result:hover{background:#546e7a;transform:translateY(-2px)}.prizes-list{margin-top:40px}.prizes-list h3{text-align:center;color:#333;margin-bottom:25px;font-size:1.5rem}.prizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.prize-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.prize-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.prize-icon{font-size:1.5rem}.prize-details{flex:1}.prize-name{font-weight:600;color:#333;margin-bottom:5px}.prize-value{font-size:.9rem;color:#666}.prize-probability{background:#4CAF50;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.wheel-legend{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px}.legend-title{text-align:center;color:#333;margin-bottom:15px;font-size:1.2rem;font-weight:600}.legend-items{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a}.legend-color{width:20px;height:20px;border-radius:4px}.legend-name{font-size:.9rem;font-weight:500;color:#333}@media (max-width: 768px){.wheel-section{padding:15px}.wheel-section h2{font-size:1.5rem}.section-description{font-size:1rem}.wheel-info{grid-template-columns:1fr;gap:15px}.info-card{padding:20px}.info-value{font-size:2rem}.wheel-wrapper{width:250px;height:250px}.segment-text{font-size:.7rem;width:70px}.spin-button{padding:12px 30px;font-size:1rem}.result-content{padding:30px 20px}.prizes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.wheel-wrapper{width:200px;height:200px}.info-value{font-size:1.8rem}.prize-item{padding:12px;gap:10px}.prize-name{font-size:.9rem}}.wheel-history{padding:20px}.history-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.back-button{background:#607D8B;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#546e7a;transform:translateY(-2px)}.history-header h2{margin:0;color:#333}.history-filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-button{padding:8px 16px;border:2px solid #e0e0e0;background:white;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.filter-button:hover{background:#f5f5f5}.filter-button.active{background:#667eea;color:#fff;border-color:#667eea}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.history-item-content{flex:1}.history-prize-info{display:flex;align-items:center;gap:15px;margin-bottom:10px}.history-prize-icon{font-size:2rem}.history-prize-details{flex:1}.history-prize-name{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:5px}.history-prize-value{font-size:1rem;color:#666}.history-item-meta{display:flex;align-items:center;gap:15px}.history-timestamp{font-size:.9rem;color:#666}.history-status{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.history-status.pending{background:#FFEAA7;color:#333}.history-status.redeemed{background:#4CAF50;color:#fff}.redeem-button{background:#4CAF50;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.redeem-button:hover{background:#45a049;transform:translateY(-1px)}.empty-history{text-align:center;padding:40px;color:#666}.empty-history p{font-size:1.1rem;margin:0}.view-history-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.view-history-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.legend-probability{background:#4CAF50;color:#fff;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:500;margin-left:5px}.wheel-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.wheel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wheel-header h1{margin:0;color:#fff;font-size:2rem;text-align:center;flex:1}.back-button{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.back-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.wheel-content{max-width:800px;margin:0 auto}.wheel-content .wheel-section{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a}@media (max-width: 768px){.wheel-page{padding:10px}.wheel-header{padding:15px;margin-bottom:20px}.wheel-header h1{font-size:1.5rem}.back-button{padding:10px 20px;font-size:.9rem}.wheel-content .wheel-section{padding:20px}}.history-page{min-height:100vh;background:#f5f5f5;padding:20px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:20px;background:white;border-radius:16px;box-shadow:0 2px 8px #0000001a}.history-header h1{margin:0;color:#333;font-size:1.5rem;text-align:center;flex:1}.history-header .back-button{background:#607D8B;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.history-header .back-button:hover{background:#546e7a;transform:translateY(-2px)}.header-placeholder{width:100px}.history-tabs{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.tab-button{padding:10px 20px;border:2px solid #e0e0e0;background:white;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.tab-button:hover{background:#f5f5f5}.tab-button.active{color:#fff;border-color:transparent}.tab-button.active.reward{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tab-button.active.punishment{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)}.history-content{max-width:800px;margin:0 auto}.history-content .wheel-history{background:white;border-radius:16px;padding:25px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.history-page{padding:15px}.history-header{padding:15px;margin-bottom:20px}.history-header h1{font-size:1.3rem}.history-tabs{flex-direction:column;gap:5px}.tab-button{width:100%}.history-content .wheel-history{padding:20px}}@media (max-width: 480px){.history-header{padding:10px;margin-bottom:15px}.history-header h1{font-size:1.2rem}.history-header .back-button{padding:8px 16px;font-size:.9rem}.history-content .wheel-history{padding:15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600}p{margin-bottom:1em}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;border:1px solid #ddd;border-radius:4px;padding:8px 12px;outline:none;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.btn{display:inline-block;padding:10px 20px;border-radius:24px;font-weight:500;text-align:center;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:#4CAF50;color:#fff}.btn-primary:hover{background:#45a049}.btn-secondary{background:#607D8B;color:#fff}.btn-secondary:hover{background:#546e7a}.btn-outline{background:transparent;border:2px solid #4CAF50;color:#4caf50}.btn-outline:hover{background:#4CAF50;color:#fff}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-lg{padding:12px 24px;font-size:1.125rem}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.table th{background:#f8f9fa;font-weight:600;color:#555}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#f8f9fa}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}@media (max-width: 768px){.container{padding:0 15px}.card{padding:15px}.btn{padding:8px 16px}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}