@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_21940f47-module__B-V10W__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--bg-dark:#050505;--primary:#00f3ff;--secondary:#bd00ff;--accent:#ffd500;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #000c;--text-main:#fff;--text-muted:#fff9;--font-heading:"Outfit", sans-serif;--nav-height:80px}*{box-sizing:border-box;font-family:var(--font-heading);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background:radial-gradient(circle at 0% 0%, #00f3ff0d 0%, transparent 50%), radial-gradient(circle at 100% 100%, #bd00ff0d 0%, transparent 50%), var(--bg-dark);min-height:100vh;font-size:16px;overflow-x:hidden}.bg-blobs{z-index:-1;filter:blur(80px);width:100%;height:100%;position:fixed;top:0;left:0}.blob{opacity:.15;border-radius:50%;animation:20s infinite alternate move-blob;position:absolute}.blob-1{background:var(--primary);width:300px;height:300px;top:-100px;left:-100px}.blob-2{background:var(--secondary);width:400px;height:400px;animation-delay:-5s;bottom:-150px;right:-150px}@keyframes move-blob{0%{transform:scale(1)translate(0)}to{transform:scale(1.2)translate(50px,50px)}}input,select,textarea{font-weight:500;color:#fff!important;background-color:#1a1a1a!important;border:1px solid #f09!important}input::placeholder{color:#888!important}.app-wrapper{background:var(--bg-dark);border-left:1px solid #111;border-right:1px solid #111;flex-direction:column;max-width:500px;height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #000c}.glass-header{z-index:20;background:#0a0a0af2;border-bottom:2px solid #111;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;box-shadow:0 5px 20px #00000080}.logo{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;font-size:clamp(1rem,5vw,1.4rem);font-weight:800;display:flex}.logo i{color:var(--primary);text-shadow:0 0 10px var(--primary)}.user-greeting{color:var(--primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;text-overflow:ellipsis;background:#00f3ff0d;border:1px solid #00f3ff33;border-radius:10px;max-width:50%;padding:6px 10px;font-size:clamp(.65rem,3vw,.8rem);font-weight:700;overflow:hidden}main{flex:1;padding:20px 20px 120px;overflow-y:auto}.view{animation:.3s ease-in-out fadeIn;display:none}.view.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;margin-bottom:20px;padding:24px;position:relative;overflow:hidden}.glass-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.5;width:100%;height:2px;position:absolute;top:0;left:0}.page-title{color:#fff;text-transform:uppercase;border-left:4px solid var(--secondary);letter-spacing:1px;margin-bottom:20px;padding-left:10px;font-size:1.5rem;font-weight:800}.clock-card{text-align:center;border:1px solid var(--primary);box-shadow:0 0 15px #00f3ff1a}.time-display{color:#fff;text-shadow:0 0 15px var(--primary);margin-bottom:5px;font-family:Courier New,monospace;font-size:2.8rem;font-weight:800}.date-display{color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.75rem}.stat-card .value{color:#fff;font-size:1.5rem;font-weight:700}.stat-card.primary{border-bottom:2px solid var(--primary)}.stat-card.secondary{border-bottom:2px solid var(--secondary)}.prayer-section .card-title{color:var(--secondary);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:15px;font-size:1rem;font-weight:700;display:flex}.prayer-grid{border-top:1px solid #222;grid-template-columns:repeat(5,1fr);gap:5px;padding-top:15px;display:grid}.prayer-item{text-align:center}.prayer-item span:first-child{color:#666;margin-bottom:4px;font-size:.65rem;display:block}.prayer-item span:last-child{color:var(--text-main);font-size:.8rem;font-weight:700}.game-teaser{border:1px solid var(--secondary);cursor:pointer;background:linear-gradient(45deg,#bd00ff1a,#0000);justify-content:space-between;align-items:center;display:flex}.teaser-content{align-items:center;gap:15px;display:flex}.teaser-content i{color:var(--secondary);text-shadow:0 0 10px var(--secondary);font-size:2rem}.teaser-content h3{color:#fff;margin-bottom:2px;font-size:1.1rem}.teaser-content p{color:var(--text-muted);font-size:.8rem}.glass-form .form-group{margin-bottom:20px}.glass-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem;display:block}.glass-form input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:1rem;transition:all .3s}.glass-form input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 15px #00f3ff1a}.form-row{gap:15px;margin-bottom:20px;display:flex}.checkbox-card{cursor:pointer;background:#0f0f0f;border:1px solid #333;flex:1;justify-content:center;align-items:center;padding:15px;display:flex;position:relative}.checkbox-card input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.checkbox-card label{color:#666;text-transform:uppercase;flex-direction:column;align-items:center;gap:5px;font-size:.8rem;display:flex}.checkbox-card label i{font-size:1.2rem}.checkbox-card input:checked+label{color:var(--secondary);text-shadow:0 0 5px var(--secondary)}.checkbox-card:has(input:checked){border-color:var(--secondary);background:#bd00ff0d}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:none;border-radius:15px;width:100%;padding:16px;font-weight:800;transition:all .3s;box-shadow:0 8px 20px #bd00ff33}.btn-primary:active{transform:scale(.96)}.btn-sm{border:1px solid var(--secondary);color:var(--secondary);text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 15px;font-size:.8rem}.btn-sm:hover{background:var(--secondary);color:#fff;box-shadow:0 0 10px var(--secondary)}.btn-danger{border:1px solid var(--accent);width:100%;color:var(--accent);text-transform:uppercase;cursor:pointer;background:0 0;margin-top:30px;padding:15px;font-weight:700}.btn-danger:hover{background:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent)}.glass-card-sm{background:linear-gradient(135deg,#141414f2,#0a0a0afa);border:1px solid #222;border-left:4px solid #333;border-radius:12px;align-items:center;gap:15px;margin-bottom:12px;padding:16px;animation:.3s ease-out forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.h-date{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:8px 12px;display:flex}.d-day{color:#fff;font-size:1.4rem;font-weight:800;line-height:1}.d-month{color:var(--secondary);text-transform:uppercase;margin-top:2px;font-size:.7rem;font-weight:700}.h-details{flex-direction:column;flex:1;gap:6px;display:flex}.h-row-1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-name{color:#888;text-transform:uppercase;font-size:.75rem;font-weight:600}.h-row-2{color:#fff;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.h-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.h-amount{text-shadow:0 0 10px #00000080;font-family:Courier New,monospace;font-size:1.2rem;font-weight:800}.entry-actions{gap:8px;margin-top:5px;display:flex}.btn-icon-sm{color:#888;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-sm:hover{color:#fff;background:#ffffff26}.btn-icon-sm.delete:hover{color:#ff3838;background:#ff383826}.glass-card-sm.type-work{border-left-color:var(--secondary);background:linear-gradient(135deg,#00f3ff0d,#0a0a0afa)}.glass-card-sm.type-leave{background:linear-gradient(135deg,#ff38380d,#0a0a0afa);border-left-color:#ff3838}.glass-card-sm.type-bonus{background:linear-gradient(135deg,#ffd5000d,#0a0a0afa);border-left-color:#ffd500}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:700}.badge-tiffin{color:var(--secondary);background:#00f3ff26;border:none}.badge-night{color:var(--accent);background:#bd00ff26;border:none}.badge-fri{color:#ff3885;background:#ff388526;border:none}.bottom-nav{z-index:50;background:#050505;border-top:2px solid #111;justify-content:space-around;align-items:center;width:100%;max-width:500px;height:70px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 20px #000c}.nav-btn{color:#444;cursor:pointer;text-transform:uppercase;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;display:flex}.nav-btn i{font-size:1.4rem}.nav-btn.active{color:var(--primary);text-shadow:0 0 8px var(--primary)}.add-btn{border:2px solid var(--primary);width:60px;height:60px;box-shadow:0 0 10px var(--primary);background:#050505;border-radius:50%;justify-content:center;align-items:center;margin-bottom:30px;display:flex;color:var(--primary)!important}.add-btn i{text-shadow:0 0 5px var(--primary);font-size:1.8rem}.util-card{text-align:center;border:1px solid var(--primary);box-shadow:0 0 15px #00f3ff1a}.util-card h2{color:#fff;text-shadow:0 0 10px var(--primary);margin:10px 0;font-size:2rem;font-weight:800}.util-card .season{color:var(--secondary);font-size:1.2rem;font-weight:700}.util-card .eng-date{color:#666;margin-top:5px;font-size:.8rem}.weather-flex{justify-content:space-around;align-items:center;margin-top:15px;display:flex}.temp-section{flex-direction:column;align-items:center;display:flex}.weather-icon{color:#ffeb3b;text-shadow:0 0 15px #ffeb3b;font-size:2.5rem}#weather-temp{color:#fff;font-size:2rem;font-weight:800}.weather-details p{color:var(--text-muted);text-align:left;margin-bottom:5px;font-size:.9rem}.weather-details span{color:var(--primary);font-weight:700}.chart-container{border-bottom:1px solid #333;justify-content:space-between;align-items:flex-end;height:100px;margin-top:10px;padding:10px 0;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.chart-bar{background:var(--secondary);width:6px;box-shadow:0 0 5px var(--secondary);border-radius:4px;min-height:4px;transition:height .5s}.chart-label{color:#666;font-size:.6rem}.chart-bar.max{background:var(--primary);box-shadow:0 0 8px var(--primary)}.toast-msg{border:1px solid var(--primary);color:#fff;z-index:1000;opacity:0;background:#000000e6;border-radius:50px;align-items:center;gap:10px;padding:15px 25px;font-size:.9rem;font-weight:600;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 0 20px #00f3ff4d}.toast-msg.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-msg i{font-size:1.2rem}.toast-msg.success i{color:var(--primary)}.toast-msg.error{border-color:#ff3838}.toast-msg.error i{color:#ff3838}.btn-game-exit:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:360px){.app-wrapper{max-width:100%}.glass-header{padding:0 15px}.logo{font-size:1.1rem}.logo span{font-size:.9rem}.user-greeting{padding:3px 8px;font-size:.7rem}.time-display{font-size:2rem}.stat-card .value,.page-title{font-size:1.2rem}.btn-primary{padding:12px;font-size:.9rem}.nav-btn i{font-size:1.2rem}main{padding:15px 15px 120px}.glass-card{padding:15px}}@media (max-width:480px){body{overflow-x:hidden}.stats-grid{gap:10px}.form-row{flex-direction:column;gap:10px}.history-item{padding:12px}.prayer-grid{grid-template-columns:repeat(3,1fr);gap:8px}.prayer-item span:first-child{font-size:.6rem}.prayer-item span:last-child{font-size:.75rem}.glass-card-sm{grid-template-columns:50px 1fr auto;gap:10px;padding:10px}.h-date{padding:4px}.d-day{font-size:.85rem}.icon-btn,.btn-icon-sm{width:36px;height:36px}}@media (max-height:500px) and (orientation:landscape){.clock-card{padding:15px}.time-display{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}main{padding-bottom:100px}.glass-card{margin-bottom:15px;padding:15px}.prayer-grid{grid-template-columns:repeat(5,1fr)}}@media (pointer:coarse){.nav-btn{min-width:44px;min-height:44px;padding:8px}.btn-icon,.icon-btn,.btn-icon-sm{min-width:44px;min-height:44px}.add-btn{width:64px;height:64px}.checkbox-card{min-height:60px}}@media (max-width:320px){.logo{font-size:1rem}.user-greeting{display:none}.time-display{font-size:1.8rem}.stat-card .value,.page-title{font-size:1rem}.glass-card-sm{grid-template-columns:45px 1fr;gap:8px}.icon-btn,.btn-icon-sm{display:none}}*{max-width:100%}html,body{position:relative;overflow-x:hidden}.app-wrapper{overflow-x:hidden}.modal-overlay{display:none;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:100000!important;background:#000000d9!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;position:fixed!important;inset:0!important}.dialog-box{text-align:center;border:1px solid var(--primary);width:85%;max-width:350px;padding:30px 20px;box-shadow:0 0 30px #f093}.dialog-actions{justify-content:center;gap:15px;margin-top:10px;display:flex}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}