@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0d0f18;--text-main: #f8f8f2;--text-muted: #8b949e;--panel-bg: rgba(20, 24, 36, .6);--panel-border: rgba(255, 255, 255, .08);--active-color: #7b2cbf;--accent-cyan: #00f2fe;--primary-gradient: linear-gradient(135deg, #7b2cbf 0%, #4facfe 100%);--card-bg: rgba(20, 24, 36, .8)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(123,44,191,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,242,254,.08),transparent 25%)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.app-layout{display:flex;min-height:100vh;width:100vw;max-width:100%}.sidebar{width:280px;min-width:280px;flex-shrink:0;background:#10131cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;padding:1.5rem;z-index:20;overflow-y:auto;overflow-x:hidden}.sidebar h2{font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-main)}.main-content{flex:1;display:flex;flex-direction:column;width:100%}.app-container{display:flex;flex-direction:column;height:100%}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0d0f18cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);box-shadow:0 4px 30px #0000001a;z-index:10}.logo h1{font-weight:700;font-size:1.5rem;letter-spacing:-.5px}.logo span{color:var(--active-color);font-weight:300}.timer-controls{display:flex;align-items:center;gap:1.5rem;background:#0003;padding:.5rem 1rem;border-radius:50px;border:1px solid var(--panel-border)}.task-input{background:#0003;border:1px solid var(--panel-border);color:var(--text-main);padding:12px 16px;border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit;font-size:.95rem}.task-input:focus{border-color:var(--active-color);box-shadow:0 0 0 2px #7b2cbf33}.progress-bar-container{width:100%;height:14px;background:#ffffff0d;border-radius:7px;overflow:hidden;margin-top:10px;border:1px solid var(--panel-border)}.progress-bar-fill{height:100%;border-radius:7px;transition:width .5s ease-out,background-color .3s}.progress-green{background:linear-gradient(90deg,#50fa7b,#38d39f)}.progress-orange{background:linear-gradient(90deg,#ffb86c,#f39c12)}.progress-red{background:linear-gradient(90deg,#f55,#c0392b)}@keyframes pulse-red-border{0%{box-shadow:0 0 #f553}70%{box-shadow:0 0 0 10px #f550}to{box-shadow:0 0 #f550}}.alert-limit{animation:pulse-red-border 2s infinite;border-color:#ff555580!important}select.task-input option,.form-group select option{background-color:var(--bg-color);color:var(--text-main)}.task-input::placeholder{color:var(--text-muted)}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;border:1px solid transparent}.nav-link:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.nav-link.active{color:#fff;background:#7b2cbf33;border-color:#7b2cbf80;box-shadow:0 0 15px #7b2cbf4d}.report-tabs{display:flex;gap:10px;margin-bottom:30px;background:#0003;padding:5px;border-radius:12px;border:1px solid var(--panel-border);width:fit-content}.report-tab{padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--text-muted);transition:all .2s}.report-tab:hover{color:#fff}.report-tab.active{background:var(--active-color);color:#000;box-shadow:0 0 10px #7b2cbf80}.timer-display{font-family:Inter,monospace;font-weight:600;font-size:1.2rem;letter-spacing:1px}button{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.play-btn{background:var(--active-color);color:#000;border-radius:50%;width:40px;height:40px;box-shadow:0 0 15px #50fa7b66}.play-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #50fa7b99}.board-container{flex:1;padding:2rem;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column}.board-container h2{font-weight:500;margin-bottom:1.5rem;color:var(--text-main)}.kanban-board{display:flex;gap:1.5rem;padding-bottom:1rem}.kanban-column{flex:0 0 350px;background:#14182466;border-radius:12px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.03)}.kanban-column h3{padding:1.2rem;margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.task-list{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:100px}.task-card{background:var(--card-bg);padding:1.2rem;border-radius:10px;border:1px solid var(--panel-border);cursor:grab;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;flex-shrink:0;height:auto;min-height:min-content}.task-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;border-color:#fff3}.task-card p{flex:1;font-size:.95rem;line-height:1.4}.task-play-btn{background:transparent;color:var(--text-muted);width:36px;height:36px;border-radius:50%;border:1px solid var(--panel-border)}.task-play-btn:hover{color:#50fa7b;border-color:#50fa7b;background:#50fa7b1a}.task-stop-btn{background:transparent;color:#f55;width:36px;height:36px;border-radius:50%;border:1px solid #ff5555;background:#ff55551a}.task-stop-btn:hover{background:#f553}.active-timer{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--active-color);font-weight:500;font-family:monospace}.pulse{width:8px;height:8px;background-color:var(--active-color);border-radius:50%;animation:pulse-animation 1.5s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 #7b2cbf66}70%{box-shadow:0 0 0 6px #7b2cbf00}to{box-shadow:0 0 #7b2cbf00}}.project-item{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--panel-border);margin-bottom:.8rem}.project-item.over-budget{border-color:#f44;background:#ff444426}.project-item h4{font-size:.95rem;margin-bottom:.5rem}.progress-bar-bg{background:#ffffff1a;height:6px;border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{background:var(--active-color);height:100%;transition:width .3s ease}.progress-bar-fill.danger{background:#f44}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group input,.form-group select{background:#0003;border:1px solid var(--panel-border);color:var(--text-main);padding:.6rem;border-radius:4px}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:opacity .2s,transform .1s;box-shadow:0 4px 15px #7b2cbf4d;width:100%;margin-top:.5rem}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.alert-red{border:1px solid #ff4444!important;background-color:#ff00001a!important;animation:border-pulse-red 2s infinite}.global-alert{background:#ff4444e6;color:#fff;padding:.8rem;text-align:center;font-weight:700;letter-spacing:1px}@keyframes border-pulse-red{0%{box-shadow:0 0 #f446}70%{box-shadow:0 0 0 6px #f440}to{box-shadow:0 0 #f440}}