@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--bg-main:0 0% 100%;--bg-secondary:0 0% 98%;--bg-card:0 0% 100%;--text-primary:220 39% 10%;--text-secondary:215 16% 47%;--text-muted:215 16% 65%;--border-color:210 20% 91%;--color-accent:262 83% 58%;--color-accent-hover:263 69% 50%;--color-accent-light:255 100% 98%;--color-success:160 84% 39%;--color-warning:38 92% 50%;--color-danger:0 84% 60%;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 40px #0000001a;--shadow-card:0 4px 24px #0000000f;--radius-lg:24px;--radius-md:20px;--radius-sm:12px;--radius-xs:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-secondary));color:hsl(var(--text-primary));font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:hsl(var(--text-primary));font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-secondary))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}.glass-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:24px}.form-label{color:hsl(var(--text-secondary));margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-input{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);width:100%;height:52px;color:hsl(var(--text-primary));padding:0 16px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:hsl(var(--color-accent));box-shadow:0 0 0 3px hsl(var(--color-accent) / .15)}.btn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:hsl(var(--color-accent));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:hsl(var(--color-accent-hover));box-shadow:var(--shadow-lg);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary))}.btn-secondary:hover{background:hsl(var(--bg-secondary));box-shadow:var(--shadow-sm)}.btn-danger{background:hsl(var(--color-danger) / .1);border:1px solid hsl(var(--color-danger) / .2);color:hsl(var(--color-danger))}.btn-danger:hover{background:hsl(var(--color-danger));color:#fff}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-in-progress{background:hsl(var(--color-accent-light));color:hsl(var(--color-accent));border:1px solid hsl(var(--color-accent) / .2)}.badge-completed{background:hsl(var(--color-success) / .1);color:hsl(var(--color-success));border:1px solid hsl(var(--color-success) / .2)}.badge-behind{background:hsl(var(--color-danger) / .1);color:hsl(var(--color-danger));border:1px solid hsl(var(--color-danger) / .2)}.progress-bar-container{background:hsl(var(--border-color));border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .5s ease-out}.progress-bar-fill.accent{background:hsl(var(--color-accent))}.progress-bar-fill.success{background:hsl(var(--color-success))}.progress-bar-fill.danger{background:hsl(var(--color-danger))}.progress-bar-fill.warning{background:hsl(var(--color-warning))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding:16px}}