*{margin:0%;padding:0;box-sizing:border-box;font-family:Manrope}#app{background-color:#111;color:#fff;height:100vh;position:relative;z-index:0}#page1{margin-left:auto;margin-right:auto;max-width:1240px;padding-top:20px}#navbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;border-radius:20px;position:relative;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px #0006,0 1px #ffffff14 inset,0 -1px #0000004d inset}#navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none}#navbar:after{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.35),rgba(255,255,255,.2),transparent);pointer-events:none}#navbar select{background:#1a1a1a;color:#d4d4d4;border:.5px solid #2a2a2a;border-radius:8px;padding:6px 10px;font-size:13px;outline:none}#navbar p{font-size:1.6rem;font-weight:700;color:#f7aa1c}#navbar-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(134,8,252,.15) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .08s ease,top .08s ease;z-index:0}#navbar{display:flex;align-items:center;justify-content:space-between;background:#111;padding:0 24px;height:56px;position:relative;overflow:hidden}#navbar p{color:#fff;font-size:20px;font-weight:500;margin:0;position:relative;z-index:1}.dot{color:#f59e0b}.date-controls{display:flex;gap:8px;position:relative;z-index:1}#navbar select{background:#1a1a1a;color:#aaa;border:.5px solid #2a2a2a;border-radius:8px;padding:6px 10px;font-size:13px;outline:none}#navbar-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(11,132,245,.15) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .08s ease-out,top .08s ease-out;z-index:0}#navbar select:hover{background:#ffffff1a;border-color:#ffffff2e}#mainText{margin-top:20px;text-align:center;font-size:2rem;font-weight:600}#heroText span{font-family:"Source Serif";font-style:italic;color:#f59e0b}#hero{margin-top:20px;border:1px solid #212121;border-radius:12px}#hero{padding:40px 24px;min-height:calc(100% - 56px);background:#111;z-index:5;overflow:hidden;position:relative}#task-grid{background:#161616;border:.5px solid #222;border-radius:12px;overflow:hidden;z-index:100}#grid-header{display:flex;align-items:center;border-bottom:.5px solid #222;padding:12px 16px;position:sticky;top:0;background:#161616;z-index:100}.task-label-header{width:180px;min-width:180px;color:#555;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.days-header{display:flex;gap:4px;flex:1;overflow:hidden}.day-label{width:28px;min-width:28px;text-align:center;font-size:11px;color:#444}.day-label.today{color:#f59e0b;font-weight:500}.task-row{display:flex;align-items:center;padding:10px 16px;border-bottom:.5px solid #1d1d1d;transition:background .15s}.task-row:hover{background:#1a1a1a}.task-name{width:180px;min-width:180px;background:transparent;border:none;outline:none;color:#ccc;font-size:13px;font-family:inherit;cursor:text}.task-name::placeholder{color:#444}.dots-container{display:flex;gap:4px;flex:1;overflow:hidden}.dot{width:28px;height:28px;min-width:28px;border-radius:6px;background:#1f1f1f;border:.5px solid #2a2a2a;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;position:relative}.dot:hover{background:#2a2a2a;border-color:#3a3a3a;transform:scale(1.1)}.dot.done{background:#166534;border-color:#15803d}.dot.done:hover{background:#15803d}.dot.today-col{border-color:#f59e0b44}.delete-row{background:transparent;border:none;color:#333;font-size:16px;cursor:pointer;padding:0 0 0 10px;line-height:1;transition:color .15s}.delete-row:hover{color:#e24b4a}#add-btn{margin:12px 16px;background:transparent;border:.5px dashed #2a2a2a;border-radius:8px;color:#444;font-size:13px;padding:8px 16px;cursor:pointer;width:calc(100% - 32px);text-align:left;transition:border-color .15s,color .15s;font-family:inherit}#add-btn:hover{border-color:#f59e0b55;color:#f59e0b}.Btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:absolute;border-radius:7px;cursor:pointer;transition:all .3s;bottom:2%;right:2%}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);letter-spacing:.8px;border-radius:10px;transition:all .3s;border:1px solid rgba(156,156,156,.466)}.BG{position:absolute;content:"";width:100%;height:100%;background:#181818;z-index:-1;border-radius:10px;pointer-events:none;transition:all .3s}.Btn:hover .BG{transform:rotate(35deg);transform-origin:bottom}.Btn:hover .svgContainer{background-color:#9c9c9c77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#glow{width:100vw;height:30px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(249,115,22,.25),transparent 70%,#ff0000);position:relative;inset:0;transform:translate(-50%);transform:translateY(-50%)}#app-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(51,51,51,.15) 0%,transparent 60%);pointer-events:none;transform:translate(-50%,-50%);transition:left .08s ease,top .08s ease;z-index:0}#task-grid{position:relative;z-index:20}#loader{position:fixed;inset:0;background:#111;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}#loader.hidden{opacity:0;visibility:hidden}#loader-content{display:flex;flex-direction:column;align-items:center;gap:16px}#loader-logo{margin:0;font-size:28px;font-weight:600;color:#fff;letter-spacing:-.5px}#loader-logo .dot{color:#f59e0b}#loader-bar-wrap{width:200px;height:3px;background:#1f1f1f;border-radius:99px;overflow:hidden}#loader-bar{height:100%;width:0%;background:linear-gradient(90deg,#f59e0b,#a855f7);border-radius:99px;transition:width .4s ease}#loader-text{margin:0;font-size:13px;color:#444;letter-spacing:.02em}