@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;0,700;0,800;1,900&family=DM+Sans:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;font-family:DM Sans,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}button{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root{--accent: #ceff1b;--accent-dark: #b8e800;--accent-glow: rgba(206, 255, 27, .3);--bg: #f5f5f5;--surface: #ffffff;--surface2: #f9f9f9;--border: #ebebeb;--border2: #e0e0e0;--text: #111111;--text2: #555555;--text3: #999999;--text4: #bbbbbb;--navbar-bg: #ffffff;--navbar-shadow: 0 2px 12px rgba(0, 0, 0, .07);--card-shadow: 0 2px 12px rgba(0, 0, 0, .04);--card-hover: 0 6px 24px rgba(0, 0, 0, .1);--input-bg: rgba(193, 193, 193, .12);--chip-bg: #f0f0f0}[data-theme=dark]{--bg: #0d0d0d;--surface: #181818;--surface2: #1f1f1f;--border: #2a2a2a;--border2: #333333;--text: #f0f0f0;--text2: #aaaaaa;--text3: #666666;--text4: #444444;--navbar-bg: #111111;--navbar-shadow: 0 2px 12px rgba(0, 0, 0, .4);--card-shadow: 0 2px 12px rgba(0, 0, 0, .3);--card-hover: 0 6px 24px rgba(206, 255, 27, .08);--input-bg: rgba(255, 255, 255, .05);--chip-bg: #252525}.navbar{width:100%;height:76px;background-color:var(--navbar-bg);box-shadow:var(--navbar-shadow);display:flex;align-items:center;padding:0 32px;gap:24px;position:sticky;top:0;z-index:100;transition:background-color .3s}.logoWrap{display:flex;align-items:center;flex-shrink:0}.logo{height:36px;width:auto;object-fit:contain}.links{display:flex;align-items:center;gap:6px;margin-left:12px}.link{font-size:14px;font-weight:500;color:var(--text2);padding:6px 12px;border-radius:8px;transition:color .2s}.link:hover{color:var(--text)}.dashBtn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 18px;background-color:#1a1a1a;border-radius:20px;border-bottom:2.5px solid var(--accent);font-size:14px;font-weight:700;color:#fff;white-space:nowrap;cursor:pointer;transition:background-color .2s}[data-theme=dark] .dashBtn{background-color:#2d2d2d}.dashBtn:hover{background-color:#000}.searchBar{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;height:38px;border-radius:30px;border:1.5px solid var(--accent);box-shadow:0 0 10px #ceff1b40;background:var(--input-bg);padding:0 14px;margin-left:auto}.searchBar input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text2);text-align:center;font-family:DM Sans,sans-serif;caret-color:var(--accent);min-width:0}.searchBar input::placeholder{color:var(--text3)}.searchBar svg{color:var(--text3);flex-shrink:0}.icons{display:flex;align-items:center;gap:6px;flex-shrink:0}.iconBtn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.iconBtn:hover{background:var(--chip-bg);color:var(--text)}.themeBtn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.themeBtn:hover{border-color:var(--accent);color:var(--text)}.avatar{width:34px;height:34px;border-radius:50%;background-color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0}.accentLine{width:100%;height:3px;background-color:var(--accent)}.hamburger{display:none;border:none;background:transparent;color:var(--text);cursor:pointer;padding:4px}.mobileMenu{display:none;flex-direction:column;background:var(--surface);border-bottom:2px solid var(--accent);padding:8px 24px 16px;gap:2px;z-index:99}.mobileLink{font-size:15px;font-weight:600;color:var(--text2);padding:12px 0;border-bottom:1px solid var(--border);transition:color .2s}.mobileLink:hover{color:var(--accent)}.mobileDivider{height:1px;background:var(--border);margin:8px 0}.mobileThemeBtn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;font-family:DM Sans,sans-serif}.page{max-width:1200px;margin:0 auto;padding:40px 24px 60px}.header{margin-bottom:28px}.heading{font-family:Barlow,sans-serif;font-size:28px;font-weight:800;color:var(--text);margin-bottom:6px}.sub{font-size:14px;color:var(--text3);line-height:1.5}.box{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:24px;box-shadow:var(--card-shadow)}.topRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px}.boxTitle{font-size:16px;font-weight:700;color:var(--text)}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toggle{display:flex;border:1.5px solid var(--accent);border-radius:30px;overflow:hidden}.toggleBtn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.toggleActive{background-color:var(--accent);color:#000}.filters{display:flex;gap:6px;flex-wrap:wrap}.filterBtn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.filterActive{border-color:var(--accent);background:var(--accent);color:#000}.filterBtn:not(.filterActive):hover{border-color:var(--text3);color:var(--text)}.searchRow{display:flex;align-items:center;gap:12px;margin-bottom:16px}.searchWrap{flex:1;display:flex;align-items:center;gap:8px;border:1.5px solid var(--border2);border-radius:8px;padding:9px 14px;background:var(--surface2);transition:border-color .2s}.searchWrap:focus-within{border-color:var(--accent)}.searchWrap svg{color:var(--text4);flex-shrink:0}.searchWrap input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text);font-family:DM Sans,sans-serif}.searchWrap input::placeholder{color:var(--text4)}.sortWrap{position:relative}.sortBtn{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1.5px solid var(--border2);border-radius:8px;background:var(--surface2);font-size:13px;color:var(--text2);cursor:pointer;font-weight:500;white-space:nowrap;font-family:DM Sans,sans-serif;transition:border-color .2s}.sortBtn:hover{border-color:var(--accent)}.dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000024;overflow:hidden;z-index:50;min-width:180px}.dropItem{display:block;width:100%;padding:10px 16px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.dropItem:hover{background:var(--chip-bg);color:var(--text)}.cards{display:flex;flex-direction:column;gap:12px}.empty{text-align:center;padding:48px 24px;color:var(--text4);font-size:14px}.card{display:grid;grid-template-columns:1fr 160px 190px;background-color:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow .25s ease,border-color .25s ease}.card:hover{box-shadow:var(--card-hover);border-color:#ceff1b59}.left{padding:18px 20px;border-right:1px solid var(--border)}.titleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}.title{font-size:14px;font-weight:700;color:var(--text)}.meta{font-size:12px;color:var(--text3);margin-bottom:14px}.milestonesRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mlLabel{font-size:12px;font-weight:600;color:var(--text2)}.mlCount{font-size:12px;color:var(--text3)}.next{margin-top:8px;font-size:12px;color:var(--text4)}.middle{padding:18px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:7px}.sectionLabel{font-size:12px;font-weight:600;color:var(--text2)}.dueDate{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.accentIcon{color:var(--accent);flex-shrink:0}.daysLeft{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3)}.dimIcon{color:var(--text4);flex-shrink:0}.right{padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px}.chips{display:flex;gap:8px}.chip{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text2);background-color:var(--chip-bg);border-radius:20px;padding:4px 10px}.btn{display:flex;align-items:center;gap:8px;background-color:var(--accent);border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;color:#000;cursor:pointer;white-space:nowrap;width:fit-content;transition:background-color .2s ease,transform .1s ease}.btn:hover{background-color:var(--accent-dark);transform:translateY(-1px)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.3px;white-space:nowrap}.active{background-color:var(--accent);color:#000}.completed{background-color:var(--chip-bg);color:var(--text2)}.disputed{background-color:#ff4d4d;color:#fff}.extensionBadge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background-color:transparent;border:1.5px solid var(--border2);color:var(--text2);white-space:nowrap}.track{width:100%;height:5px;background-color:var(--border2);border-radius:10px;overflow:hidden}.fill{height:100%;background-color:var(--accent);border-radius:10px;transition:width .5s ease}@media (max-width: 1024px){.searchBar{max-width:240px}}@media (max-width: 900px){.card{grid-template-columns:1fr 1fr}.middle{border-right:none;border-bottom:1px solid var(--border)}.right{grid-column:1 / -1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--border)}}@media (max-width: 768px){.navbar{padding:0 16px;height:64px}.links,.searchBar,.icons{display:none}.hamburger{display:flex;margin-left:auto}.mobileMenu{display:flex}}@media (max-width: 640px){.page{padding:24px 16px 40px}.heading{font-size:22px}.box{padding:16px}.topRow{flex-direction:column;align-items:flex-start}.searchRow{flex-direction:column;align-items:stretch}.sortWrap{width:100%}.sortBtn{width:100%;justify-content:space-between}}@media (max-width: 560px){.card{grid-template-columns:1fr}.left,.middle{border-right:none;border-bottom:1px solid var(--border)}.right{grid-column:1;border-top:none;flex-direction:column;align-items:flex-start}}