@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";:root{--glass-bg: #ffffff;--glass-border: #e2e8f0;--glass-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05);--primary-gradient: linear-gradient(135deg, #2EC4B6 0%, #264360 100%);--accent-color: #2EC4B6;--brand-dark: #264360;--text-primary: #1e293b;--text-secondary: #475569}body{box-sizing:border-box;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;color:var(--text-primary);background-color:#f6f8fa;min-height:100vh}#background-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f6f8fa;z-index:-1}#react-root{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.heading-font,.sub-heading-font,.button-font,.table-font,.option-font{font-family:Inter Tight,sans-serif!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blinkAlarm{0%,49%{background-color:#ef4444;color:#fff}50%,to{background-color:#fff;color:#ef4444}}.blink-alarm{animation:blinkAlarm 1s linear infinite}@keyframes blinkHard{0%,49%{opacity:1;border-color:#ef4444}50%,to{opacity:.4;border-color:transparent}}.blink-card-alert{animation:blinkHard 1s infinite}@keyframes blinkWarning{0%,49%{opacity:1;border-color:#f97316}50%,to{opacity:.5;border-color:transparent}}.blink-warning{animation:blinkWarning 1s infinite}.highlight-next{position:relative;z-index:20;color:#9a3412;transition:all .3s ease}.highlight-next:before,.highlight-next:after{content:"";position:absolute;top:var(--hl-offset-y, 2px);bottom:var(--hl-offset-y, 2px);left:var(--hl-offset-x, 4px);right:var(--hl-offset-x, 4px);border-radius:var(--hl-radius, 10px);transition:all .3s ease}.highlight-next:before{z-index:-1;padding:var(--hl-border-width, 2px);background:linear-gradient(135deg,rgba(253,186,116,var(--hl-gradient-level, 1)),rgba(251,146,60,var(--hl-gradient-level, 1)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.highlight-next:after{z-index:-2;background-color:rgba(255,247,237,var(--hl-bg-opacity, .9));box-shadow:0 0 var(--hl-edge-fade, 0px) var(--hl-edge-fade, 0px) rgba(255,247,237,var(--hl-bg-opacity, .9))}@keyframes blinkNext{0%,to{opacity:1}50%{opacity:.7}}.blink-next:before,.blink-next:after{animation:blinkNext 2s infinite ease-in-out}.highlight-urgent{position:relative;z-index:20;color:#fff}.highlight-urgent:before,.highlight-urgent:after{content:"";position:absolute;top:var(--hl-offset-y, 2px);bottom:var(--hl-offset-y, 2px);left:var(--hl-offset-x, 4px);right:var(--hl-offset-x, 4px);border-radius:var(--hl-radius, 10px)}.highlight-urgent:before{z-index:-1;padding:var(--hl-border-width, 2px);background:linear-gradient(135deg,#fff,#fecaca);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.highlight-urgent:after{z-index:-2;background-color:#ef4444;box-shadow:0 0 var(--hl-edge-fade, 0px) var(--hl-edge-fade, 0px) #ef4444;animation:blinkUrgentBg 1s infinite ease-in-out}@keyframes blinkUrgentBg{0%,to{background-color:#ef4444}50%{background-color:#dc2626}}.spinner{width:40px;height:40px;border:4px solid rgba(46,196,182,.1);border-left-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-xs{width:16px;height:16px;border:2px solid rgba(46,196,182,.1);border-left-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.toggle-switch-container{display:flex;align-items:center;gap:.75rem}.toggle-switch{position:relative;display:inline-block;width:2.5rem;height:1.25rem}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:1.25rem}.slider:before{position:absolute;content:"";height:.9rem;width:.9rem;left:.175rem;bottom:.175rem;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--accent-color)}.toggle-switch input:checked+.slider:before{transform:translate(1.25rem)}.app-header{background:#fff!important;border-bottom:1px solid #e2e8f0;padding:.75rem 2rem;position:sticky;top:0;z-index:50;display:flex;align-items:center}.logo-container{display:flex;align-items:center}.logo-icon{width:1.75rem;height:1.75rem;color:var(--accent-color);margin-right:.5rem}.logo-text{display:flex;align-items:center;font-size:1.5rem;color:var(--accent-color);letter-spacing:-.025em}.logo-text .font-bold{font-weight:700}.header-button{padding:.6rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}@media(max-width:640px){.app-header{padding:.75rem 1rem}.header-button{padding:.4rem .75rem;font-size:.75rem;gap:.25rem}.header-button svg{width:14px;height:14px}}.page-grid,.page-grid-exam{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1600px;margin:0 auto;width:100%}.page-grid-exam{padding:.75rem;gap:.3rem}@media(min-width:1024px){.page-grid,.page-grid-exam{grid-template-columns:repeat(12,1fr)}.grid-col-4,.lg-col-span-4{grid-column:span 4 / span 4!important}.lg-col-span-8,.lg\:col-span-8{grid-column:span 8 / span 8!important}}.grid-col-4{display:flex;flex-direction:column;gap:1.5rem}.card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:var(--glass-shadow);border:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}@media(min-width:768px){.card{border:1px solid var(--glass-border)}}.card-header{font-size:1.25rem;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:1rem;margin-bottom:1.5rem;font-weight:700}.config-group{background:#f8fafc;border-radius:1rem;padding:1.25rem;border:1px solid #e2e8f0;margin-bottom:1rem}.input{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;padding:.6rem 1rem;color:var(--text-primary);font-size:.95rem;transition:all .2s}.input-xs{width:5rem;padding:.5rem;text-align:center;border:1px solid #cbd5e1;border-radius:.5rem}.input-sm{width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.button{padding:.75rem 1.5rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s;border:none;text-align:center}.button-primary{background:var(--accent-color);color:#fff}.button-primary:hover{filter:brightness(1.05)}.button-dark{background:var(--brand-dark);color:#fff}.button-dark:hover{filter:brightness(1.1)}.button-secondary{background:#fff;color:var(--text-primary);border:1px solid #e2e8f0}.button-danger{background:#ef4444;color:#fff}.button-success{background:#10b981;color:#fff}.duration-entry{border-radius:1.25rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 4px 6px -1px #0000000d;animation:fadeIn .4s ease-out}.guided-duration-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1rem}.flex-wrap-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.extra-time-input{display:inline-flex;align-items:center;gap:.5rem;margin-left:2rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--accent-color)}.names-selection-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;max-height:200px;overflow-y:auto}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.name-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569}.name-label.disabled{opacity:.5;cursor:not-allowed}.subject-toggle-header{display:flex;justify-content:space-between;align-items:center}.duration-actions{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.button-link{background:none;border:none;color:var(--accent-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:0}.button-link:hover{text-decoration:underline}.button-link-danger{background:none;border:none;color:#ef4444;font-size:.875rem;font-weight:600;cursor:pointer;padding:0}.button-link-danger:hover{text-decoration:underline}.checkmark{color:#10b981;font-weight:700;margin-left:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26436033;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;width:100%;border:2px solid rgba(38,67,96,.05);animation:popIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.help-modal-content{max-width:600px}.confirm-modal-content{max-width:440px}.landscape-modal .modal-content{max-width:800px;width:95%}.landscape-modal .modal-header{padding:1rem 2.5rem}.landscape-modal .modal-body{padding:1.5rem 2.5rem;min-height:180px}.landscape-modal .modal-icon-container{margin-bottom:1rem}.landscape-modal .modal-footer{padding:1rem 2.5rem}@media(max-width:640px){.landscape-modal .modal-header,.landscape-modal .modal-body,.landscape-modal .modal-footer{padding:1rem 1.5rem}}.modal-header{padding:1.25rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#fff}.modal-title{font-size:1.25rem;font-weight:800;color:#264360;letter-spacing:-.025em;margin:0}.modal-close-button{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.25rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close-button:hover{background:#e2e8f0;color:#ef4444}.modal-body{padding:2rem;text-align:left;color:#475569;font-weight:400;line-height:1.6;max-height:70vh;overflow-y:auto}.modal-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:1rem}.markdown-body{font-size:1rem;line-height:1.6;color:#334155}.markdown-body p{margin-bottom:1rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body li:last-child{margin-bottom:0}.markdown-body blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;color:#64748b;font-style:italic;margin-bottom:1rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-body ul{list-style-type:disc}.markdown-body ol{list-style-type:decimal}.markdown-body li{margin-bottom:.5rem}.markdown-body strong,.markdown-body b{font-weight:700;color:#1e293b}.markdown-body em,.markdown-body i{font-style:italic}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#1e293b;font-weight:800;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.2}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.25rem}.markdown-body h3{font-size:1.125rem}.picker-modal-content{background:#fff;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:380px;display:flex;flex-direction:column;border:2px solid rgba(38,67,96,.05)}.welcome-modal-content{max-width:600px!important;width:600px!important;height:400px!important}.wheel-container{height:150px;width:80px;position:relative;overflow:hidden;background:#f8fafc;border-radius:1rem;border:1px solid #e2e8f0}.wheel-scroll{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:10}.wheel-scroll::-webkit-scrollbar{display:none}.wheel-spacer{height:50px}.wheel-item{height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#94a3b8;scroll-snap-align:center;transition:all .2s}.wheel-item.active{color:var(--accent-color);font-size:1.75rem;font-weight:800}.wheel-highlight{position:absolute;top:50px;left:0;right:0;height:50px;background:#2ec4b614;border-top:1px solid rgba(46,196,182,.2);border-bottom:1px solid rgba(46,196,182,.2);pointer-events:none;z-index:5}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#f6f8fa;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:3rem;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:440px;text-align:center;border:1px solid #e2e8f0}.login-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;margin-bottom:2rem}.login-tab{flex:1;padding:10px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s}.login-tab.active{background:#fff;color:var(--accent-color);box-shadow:0 4px 6px -1px #0000001a}.login-input-group{text-align:left;margin-bottom:1.25rem}.login-label{display:block;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem}.login-input{width:100%;padding:.75rem 1rem;font-weight:500;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box}.login-button{width:100%;padding:1rem;background:var(--accent-color);color:#fff;font-weight:600;border:none;border-radius:12px;cursor:pointer;margin-top:1rem}.digital-clock{text-align:center;padding:.5rem 0}.digital-time{font-size:3rem;font-weight:800;color:#1e293b;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.digital-date{font-size:1.125rem;font-weight:600;color:#64748b;margin-top:.25rem}.fixed-notifications-wrapper{position:fixed;top:4rem;right:2rem;z-index:20000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.notification{background:#fff;padding:1rem 1.5rem;border-radius:1rem;color:#264360;font-weight:600;font-size:.95rem;max-width:24rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:slideIn .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.75rem;border:1px solid #e2e8f0;pointer-events:auto}.notification-icon{flex-shrink:0;width:24px;height:24px}.notification-info .notification-icon{color:#264360}.notification-success .notification-icon{color:#2ec4b6}.notification-error .notification-icon{color:#ef4444}@media(max-width:1023px){.clock-responsive-container{display:none!important}.page-grid,.page-grid-exam{display:flex;flex-direction:column;padding:1rem}.grid-col-4{width:100%}}@keyframes highlight-pop{0%{background-color:#fde047;transform:scale(1)}10%{background-color:#fde047;transform:scale(1.05)}to{background-color:#f1f5f9;transform:scale(1)}}.animate-highlight-pop{animation:highlight-pop 2s ease-out forwards}.form-scaled-80{transform:scale(.8);transform-origin:top center;margin-bottom:-160px}