:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#213547;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:var(--khaki);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--khakiDark)}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--khaki)}button:focus,button:focus-visible{outline:2px solid var(--khaki)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:var(--khakiDark)}button{background-color:#f9f9f9}}.dashboard-nav-btn{width:36px;height:36px;color:var(--khaki);cursor:pointer;background:#baae8914;border:1px solid #baae8933;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.dashboard-nav-btn:hover{border-color:var(--khaki)!important;background:#baae892e!important}.dashboard-nav-icon{object-fit:contain;width:18px;height:18px}@media (width<=600px){.dashboard-nav-btn{border-radius:12px!important;width:44px!important;height:44px!important}.dashboard-nav-icon{width:22px!important;height:22px!important}}:root{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-tertiary:#f2f2f2;--text-primary:#213547;--text-secondary:#213547b3;--border-color:#2135471a;--shadow-color:#0000001a;--calendar-invert:0;--surface:var(--bg-primary);--red-500:#dc2626;--red-100:#fee2e2;--red-300:#fca5a5;--orange-500:#d97706;--yellow-100:#fef9c3;--yellow-300:#fde047;--green-500:#16a34a;--green-100:#dcfce7;--green-300:#86efac;--bg:var(--bg-primary);--panel:var(--bg-secondary);--panel-2:var(--bg-tertiary);--text:var(--text-primary);--muted:var(--text-secondary);--muted-2:#21354773;--border:var(--border-color);--khaki:#baae89;--khakiDark:#948b6d;--khaki-rgb:186, 174, 137;--pale:#efede5;--radius:14px;--shadow:0 10px 30px var(--shadow-color);--sidebarW:280px}[data-theme=dark]{--bg-primary:#18181b;--bg-secondary:#27272a;--bg-tertiary:#3f3f46;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--border-color:#ffffff1a;--shadow-color:#00000080;--calendar-invert:1;--surface:var(--bg-secondary);--red-500:#ef4444;--red-100:#ef444426;--red-300:#ef444466;--orange-500:#f59e0b;--yellow-100:#f59e0b26;--yellow-300:#f59e0b66;--green-500:#22c55e;--green-100:#22c55e26;--green-300:#22c55e66;--muted-2:#ffffff4d;--green:#155e33;--pale:#2a2a2a}*{box-sizing:border-box}html{height:100%}body{background:radial-gradient(1200px 800px at 20% 0%, #baae8914, transparent 60%), radial-gradient(1000px 700px at 90% 10%, #baae890d, transparent 60%), var(--bg);min-height:100%;color:var(--text);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button{font-family:inherit}input::-webkit-calendar-picker-indicator{filter:invert(var(--calendar-invert)) sepia(20%) saturate(1000%) hue-rotate(10deg) brightness(90%);cursor:pointer;opacity:.8}input::-webkit-calendar-picker-indicator:hover{opacity:1}.appShell{min-height:100vh;display:flex}.mainArea{flex-direction:column;flex:1;min-width:0;display:flex}.header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:12px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.appName{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.userBox{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg,#baae8973,#0a351da6);border:1px solid #ffffff1f;border-radius:999px;width:34px;height:34px;box-shadow:0 8px 18px #00000040}.userMeta{flex-direction:column;max-width:220px;line-height:1.1;display:flex}.content{flex:1;min-height:0;padding:16px}@media (width<=600px){.content{padding:12px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.h1{margin:0 0 6px;font-size:18px;font-weight:800}.p{color:var(--muted);margin:0;font-size:13px}.pillRow{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.pillBtn{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 12px;transition:transform .12s,background .12s,border-color .12s}.pillBtn:hover{background:var(--text-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.pillBtnPrimary{background:linear-gradient(135deg, var(--khaki), var(--khakiDark));color:var(--text);border-color:#948b6d73}.pillBtnPrimary:hover{background:linear-gradient(135deg, var(--khakiDark), var(--khaki))}@media (width<=900px){.userMeta{display:none}}.sidebar{width:var(--sidebarW);background:var(--panel);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;flex-direction:column;height:100vh;padding:14px;transition:width .3s,padding .3s,opacity .3s,border .3s;display:flex;position:sticky;top:0;overflow-x:hidden}.sidebar.hidden{opacity:0;pointer-events:none;border:0;width:0;padding:0}.sideTop{height:50px;min-width:calc(var(--sidebarW) - 28px);justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 4px 14px;display:flex}.sideTitle{letter-spacing:.6px;white-space:nowrap;margin-left:10px;font-size:18px;font-weight:900;overflow:hidden}.logo{border-radius:4px;width:40px;height:auto}.collapseBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.collapseBtn:hover{background:rgba(var(--khaki-rgb), .15);color:var(--text)}.nav{min-height:0;min-width:calc(var(--sidebarW) - 28px);flex-direction:column;flex:1;gap:4px;padding:6px 0;display:flex;overflow:hidden auto}.navDivider{background:var(--border);height:1px;margin:8px 0}.navItem,.navGroupHeader{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.navItem:hover,.navGroupHeader:hover{background:rgba(var(--khaki-rgb), .15);color:var(--text-primary)}.navItem.active{background:rgba(var(--khaki-rgb), .2);color:var(--text-primary);border-left:3px solid var(--khaki);border-radius:0 4px 4px 0;font-weight:700}.navIcon{width:20px;min-width:20px;height:20px;color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s;display:flex}.navItem.active .navIcon,.navGroupHeader.active .navIcon{color:var(--khaki)}.navLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.navIconDot{text-align:center;width:20px;color:var(--border-color);font-size:18px;line-height:10px}.navGroup{flex-direction:column;display:flex}.navGroupChildren{border-left:1px solid var(--border);opacity:0;flex-direction:column;gap:2px;height:0;margin-left:21px;padding-left:10px;transition:all .3s;display:flex;overflow:hidden}.navGroup.open .navGroupChildren{opacity:1;height:auto;margin-top:4px;margin-bottom:4px}.navArrow{color:var(--text-secondary);align-items:center;transition:transform .2s;display:flex}.navArrow.rotated{transform:rotate(90deg)}.nav{scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.sidebar{scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.mobile-only,.overlay{display:none}@media (width<=900px){.mobile-only{display:block}.sidebar{z-index:200;position:fixed;width:var(--sidebarW)!important;opacity:1!important;pointer-events:auto!important;border-right:1px solid var(--border)!important;padding:14px!important;left:-100%!important}.sidebar.open{left:0!important}.sidebar.hidden{left:-100%!important}.overlay{z-index:150;opacity:0;pointer-events:none;background:#00000080;transition:opacity .18s;display:block;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.headerTitle{letter-spacing:-.3px;white-space:nowrap;font-size:15px!important}}.headerTitle{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:500;overflow:hidden}.sidebarFooter{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.userProfile{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background .2s;display:flex}.userProfile:hover{background:rgba(var(--khaki-rgb), .15)}.userAvatar{object-fit:cover;border:1px solid var(--border);background:var(--bg-tertiary);border-radius:50%;width:32px;height:32px}.userInfo{flex-direction:column;display:flex;overflow:hidden}.userName{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}.userRole{color:var(--text-secondary);white-space:nowrap;font-size:12px}.projectSelect{border:1px solid var(--border);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:8px 10px;font-size:13px;font-weight:500;transition:all .2s}.projectSelect:focus,.projectSelect:active{border-color:var(--khaki);box-shadow:0 0 0 2px rgba(var(--khaki-rgb), .3)}.projectSelect{accent-color:var(--khaki)}