@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#1e293bb3;--bg-glass-hover:#1e293be6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--brand-primary:#10b981;--brand-secondary:#3b82f6;--brand-gradient:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--brand-glow:#10b9814d;--status-todo:#94a3b8;--status-progress:#3b82f6;--status-done:#10b981;--status-danger:#ef4444;--border-subtle:#ffffff0d;--border-strong:#ffffff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-glow:0 0 20px var(--brand-glow);--sidebar-width:280px;--header-height:70px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{width:100vw;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s}.glass-panel:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-sm);padding:10px 20px;font-weight:500;box-shadow:0 4px 10px #10b98133}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #10b9814d}.btn-primary:active{transform:translateY(0)}input,textarea{border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-sm);background:#0003;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-strong);flex-direction:column;flex-shrink:0;height:100%;padding:24px 24px 16px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.brand-logo{background:var(--brand-gradient);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;display:flex}.brand-name{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.nav-items{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:12px 16px;font-weight:500;transition:all .2s}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{background:var(--brand-glow);color:var(--brand-primary)}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.header{height:var(--header-height);border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.content-area{flex:1;padding:32px;overflow-y:auto}.custom-checkbox{cursor:pointer;width:20px;height:20px;display:inline-block;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox .checkmark{background-color:var(--bg-primary);border:2px solid var(--border-strong);border-radius:6px;width:20px;height:20px;transition:all .2s;position:absolute;top:0;left:0}.custom-checkbox:hover input~.checkmark{border-color:var(--brand-primary)}.custom-checkbox input:checked~.checkmark{background-color:var(--brand-primary);border-color:var(--brand-primary)}.custom-checkbox .checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:5.5px;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark:after{display:block}.sidebar-section-header{color:var(--text-tertiary);cursor:pointer;transition:color .2s}.sidebar-section-header:hover{color:var(--text-primary)}.project-nav-item{color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s}.project-nav-item:hover{color:var(--text-secondary);background:#ffffff08}.project-nav-item .project-code{color:var(--text-tertiary);transition:color .2s}.project-nav-item:hover .project-code{color:var(--text-secondary)}.company-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:4px;width:100%;padding:4px 8px;transition:all .2s}.company-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.company-nav-item.active{background:#10b98114;font-weight:600;color:var(--brand-primary)!important}.brand-nav-item{color:var(--text-tertiary);cursor:pointer;border-radius:4px;width:100%;padding:2px 6px;transition:all .2s}.brand-nav-item:hover{color:var(--text-secondary);background:#ffffff0a}.brand-nav-item.active{background:#8b5cf614;font-weight:600;color:#a78bfa!important}