body.dark{--bg-color:#1a1a2e;--text-color:#fff;--glass-bg:#14141499;--input-bg:#ffffff1a;--border-color:#ffffff26;--success:#4ade80;--danger:#f87171;--warning:#fbbf24;--accent:#60a5fa;--transition:all .2s ease-in-out}body.light{--bg-color:#f4f4f9;--text-color:#333;--glass-bg:#fffc;--input-bg:#0000000d;--border-color:#0000001a;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--accent:#3b82f6;--transition:all .2s ease-in-out}body{background-image:url(/assets/backgroud-KdbgRAQa.png);background-color:var(--bg-color);color:var(--text-color);transition:var(--transition);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9696964d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969680}.app-container{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 8px 32px #00000026}.all-task{height:60vh;font-size:1.1rem;font-weight:500;overflow-y:auto}.custom-input{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color);transition:var(--transition);border-radius:8px;outline:none;padding:10px 16px}.custom-input:focus{border-color:var(--accent);box-shadow:0 0 10px #60a5fa4d}.custom-input option{background-color:var(--bg-color);color:var(--text-color)}.btn-primary-custom{background:var(--accent);color:#fff;transition:var(--transition);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:700}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-primary-custom:active{transform:translateY(0)}.filter-container{gap:20px;display:flex}.filter-tab{cursor:pointer;color:gray;transition:var(--transition);padding-bottom:5px;font-weight:500;position:relative}.filter-tab:hover{color:var(--text-color)}.filter-tab.active{color:var(--text-color);font-weight:700}.filter-tab:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.filter-tab.active:after{width:100%}.task-item{border:1px solid var(--border-color);transition:var(--transition);background:#9696960d}.task-item:hover{background:#9696961a;transform:translate(4px)}.task-options i{transition:var(--transition);opacity:.7;font-size:1.2rem}.task-options i:hover{opacity:1;transform:scale(1.15)}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-up-animation{animation:.3s ease-out forwards slideUp}@media (width<=768px){.max-w-800,.w-75,.custom-input,.btn-primary-custom{width:100%!important}.all-task{padding:1rem;width:100%!important}}