.navbar{background:var(--primary-color);height:70px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;position:sticky;top:0;z-index:999}.navbar-container{display:flex;justify-content:space-between;height:70px;width:100%;max-width:1500px;padding:0 24px}.navbar-logo{color:var(--text-light);justify-self:start;cursor:pointer;font-size:1.8rem;display:flex;align-items:center;font-weight:700}.nav-menu{display:flex;align-items:center;list-style:none}.nav-item{height:70px}.nav-links{color:var(--text-light);display:flex;align-items:center;padding:.5rem 1rem;height:100%;font-weight:500;text-decoration:none}.nav-links:hover{color:var(--accent-color)}.nav-links-button{background:none;border:none;color:var(--text-light);cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem 1rem;height:100%;display:flex;align-items:center;font-weight:500}.nav-links-button:hover{color:var(--accent-color)}.hero-container{display:flex;align-items:center;justify-content:center;text-align:center;height:calc(100vh - 70px);width:100%;color:var(--text-light);background:linear-gradient(#0009,#0009),url(/hero-background.jpg);background-size:cover;background-position:center}.hero-content{max-width:800px;padding:var(--spacing-lg)}.hero-title{font-size:3.5rem;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--spacing-xl)}.hero-cta-button{background-color:var(--accent-color);color:var(--text-light);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--spacing-sm);font-size:1.2rem;font-weight:600;text-decoration:none;transition:background-color .3s ease}.hero-cta-button:hover{background-color:var(--secondary-color)}.form-container{display:flex;justify-content:center;align-items:center;padding:50px 20px}form{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}form h2{text-align:center;margin-bottom:20px;color:var(--primary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--primary-color)}.form-group input{width:100%;padding:10px;border:1px solid var(--light-gray);border-radius:4px;font-size:1rem}.submit-btn{width:100%;padding:12px;background-color:var(--accent-color);color:var(--text-light);border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:var(--secondary-color)}.error-message{color:#d8000c;background-color:#ffd2d2;padding:10px;border-radius:4px;text-align:center;margin-bottom:20px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;position:relative;width:90%;max-width:500px}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.container h1{margin-bottom:2rem;color:var(--primary-color)}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease-in-out}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.project-card h3{color:var(--secondary-color);margin-bottom:.5rem}.project-card p{color:var(--text-dark);font-size:.95rem;line-height:1.5}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.create-btn{padding:10px 20px;font-size:1rem;background-color:var(--accent-color);color:var(--text-light);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.create-btn:hover{background-color:var(--secondary-color);box-shadow:0 10px 20px #0003}.project-card{cursor:pointer}.project-card-link{text-decoration:none;color:inherit}.project-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px}.project-edit-btn{background:none;border:none;color:var(--light-gray);cursor:pointer;font-size:.9rem;font-weight:600;transition:color .2s ease}.project-edit-btn:hover{color:var(--secondary-color)}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tasks-section h2{margin-bottom:0}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.task-card-header h3{margin-bottom:0}.status-select{padding:4px 8px;border-radius:4px;border:1px solid var(--light-gray);background-color:#f8f9fa;font-size:.85rem;cursor:pointer}.task-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.delete-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:.7;transition:opacity .2s ease}.delete-btn:hover{opacity:1}.task-actions{display:flex;gap:10px}.edit-btn{background:var(--secondary-color);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:.8;transition:opacity .2s ease}.edit-btn:hover{opacity:1}:root{--primary-color: #273F4F;--secondary-color: #447D9B;--accent-color: #FE7743;--light-gray: #D7D7D7;--text-light: #ffffff;--text-dark: #333333;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * .5);--spacing-sm: var(--spacing-unit);--spacing-md: calc(var(--spacing-unit) * 2);--spacing-lg: calc(var(--spacing-unit) * 3);--spacing-xl: calc(var(--spacing-unit) * 5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background:linear-gradient(#ffffffe6,#fffc),url(/global-bg.png);background-size:cover;background-attachment:fixed}a{color:inherit;text-decoration:none}