*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--accent:#0f766e;--accent-soft:#ecfdf5;--warning:#f59e0b;--success:#16a34a;--danger:#dc2626;--page-bg:#f1f5f9;--card-bg:#fff;--border:#dbe4ef;--heading:#1e293b;--text:#475569}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--page-bg);color:var(--heading);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:0}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{color:#fff;background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#bd2130}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff}.form-group{margin-bottom:15px}.form-group label{color:#555;margin-bottom:5px;font-weight:500;display:block}.form-control{border:2px solid #e9ecef;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-control.error{border-color:#dc3545}.card{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-header{color:#495057;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px;font-weight:600}.card-body{padding:20px}.card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.alert{border-radius:6px;margin-bottom:15px;padding:12px 16px;font-weight:500}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb}.text-center{text-align:center}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:1rem}@media (width<=768px){.main-content{padding:10px}.btn{padding:12px 16px;font-size:16px}}.navbar{border-bottom:1px solid var(--border);z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 3px 12px #0f172a0f}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 20px;display:flex}.nav-brand{color:var(--primary);font-size:22px;font-weight:800;text-decoration:none}.nav-brand:hover{color:var(--primary-dark)}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:var(--text);border-radius:6px;padding:8px 10px;font-size:14px;font-weight:600;text-decoration:none}.nav-link:hover{background:var(--primary-soft);color:var(--primary)}.navbar .btn{border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600}@media (width<=700px){.nav-container{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:12px 16px}.nav-links{flex-wrap:wrap;gap:8px}.nav-brand{font-size:20px}}.home{background:var(--page-bg);min-height:calc(100vh - 60px)}.container{max-width:1100px;margin:0 auto}.hero{border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#2563eb1a,#0f766e1f),#fff;padding:76px 20px}.hero h1{color:var(--heading);margin:0 0 16px;font-size:44px;font-weight:800;line-height:1.15}.hero p{color:var(--text);max-width:680px;margin:0 auto 30px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-btn{border-radius:6px;justify-content:center;align-items:center;min-width:145px;min-height:44px;padding:11px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.home-btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #2563eb3d}.home-btn-primary:hover{background:var(--primary-dark)}.home-btn-outline{border:1px solid var(--accent);color:var(--accent);background:#fff}.home-btn-outline:hover{background:var(--accent-soft)}.features,.workflow{padding:60px 20px}.features{background:var(--page-bg)}.workflow{border-top:1px solid var(--border);background:#fff}.features h2,.workflow h2{color:var(--heading);text-align:center;margin:0 0 28px;font-size:30px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:8px;padding:22px;box-shadow:0 8px 20px #0f172a0f}.feature-card:nth-child(3n+2){border-top-color:var(--accent)}.feature-card:nth-child(3n){border-top-color:var(--warning)}.feature-card h3{color:var(--primary);margin:0 0 10px;font-size:18px}.feature-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.step{border:1px solid var(--border);text-align:center;background:#f8fafc;border-radius:8px;padding:20px}.step-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 14px;font-size:17px;font-weight:800;display:flex}.step h3{color:var(--heading);margin:0 0 8px;font-size:17px}.step p{color:var(--text);margin:0;font-size:14px;line-height:1.55}@media (width<=950px){.features-grid,.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hero{padding:52px 16px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.home-btn{width:100%}.features,.workflow{padding:42px 16px}.features-grid,.workflow-steps{grid-template-columns:1fr}}.auth-container{background:linear-gradient(135deg, #2563eb14, #0f766e14), var(--page-bg);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:30px 20px;display:flex}.auth-card{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fff;border-radius:8px;width:100%;max-width:420px;padding:36px;box-shadow:0 14px 32px #0f172a1a}.auth-card h2{color:var(--heading);text-align:center;margin-bottom:24px;font-size:28px;font-weight:700}.auth-card>p{color:var(--text);text-align:center;margin:-12px 0 24px;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.form-group input,.form-group textarea{color:var(--heading);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9aa4b2}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.auth-card button,.auth-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.auth-card button:hover,.auth-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 14px #2563eb3d}.auth-card button:disabled,.auth-btn:disabled{box-shadow:none;cursor:not-allowed;background:#8a96a3;transform:none}.auth-link{color:#405266!important;background:0 0!important;border:1px solid #5f6f80!important;margin-top:10px!important}.auth-link:hover{background:var(--text)!important;color:#fff!important}.alert{border-radius:6px;margin-top:18px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.4}.auth-links{color:var(--text);text-align:center;margin-top:22px;font-size:14px}.auth-links p{margin:0}.auth-links a{color:var(--primary);font-weight:700;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (width<=480px){.auth-container{padding:20px 14px}.auth-card{padding:28px 20px}.auth-card h2{font-size:24px}}.dashboard{background:var(--page-bg);min-height:calc(100vh - 60px);padding:30px 20px}.dashboard-header{max-width:1100px;margin:0 auto 24px}.header-content{border:1px solid var(--border);border-top:4px solid var(--primary);text-align:center;background:#fff;border-radius:8px;padding:24px}.dashboard-header h1{color:var(--heading);margin-bottom:8px;font-size:32px}.dashboard-header p{color:var(--text);margin:0}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.dashboard-card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.card-header{background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title .icon{background:var(--primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.header-title h2{color:var(--heading);margin:0 0 3px;font-size:19px}.header-title p{color:var(--text);margin:0;font-size:13px}.card-content{padding:20px}.empty-state{color:var(--text);text-align:center;padding:22px}.empty-state p{color:var(--heading);margin-bottom:4px;font-weight:600}.projects-grid,.task-stats-grid,.role-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.project-card,.role-card{border:1px solid var(--border);background:#f8f9fa;border-radius:8px;padding:16px}.project-header h4,.role-card h4{color:var(--heading);margin:0 0 8px}.project-description,.role-card li,.task-project{color:var(--text);font-size:14px}.role-card ul{margin:0;padding:0;list-style:none}.role-card li{margin-bottom:6px}.role-icon{color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:700}.stat-card{color:#fff;text-align:center;border-radius:8px;padding:20px}.stat-total{background:var(--primary)}.stat-todo{background:#6c757d}.stat-inprogress{background:var(--warning);color:#212529}.stat-done{background:var(--success)}.stat-overdue{background:var(--danger)}.stat-number{font-size:28px;font-weight:700}.stat-label{margin-top:4px;font-size:13px}.user-stats-list,.tasks-list{flex-direction:column;gap:12px;display:flex}.user-stat-row,.task-item{border:1px solid var(--border);background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.user-stat-row h4,.task-center h4{color:var(--heading);margin:0 0 4px}.user-stat-row p,.task-right small{color:var(--text);margin:0;font-size:13px}.user-stat-row strong{color:var(--primary);font-size:24px}.task-left{flex-shrink:0}.task-center{flex:1}.task-right{text-align:right;flex-direction:column;gap:4px;display:flex}.status-badge{color:#fff;text-transform:capitalize;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.status-todo{background:#6c757d}.status-in_progress{background:var(--warning);color:#212529}.status-done{background:var(--success)}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:#fff}.btn-outline:hover{background:#eef6ff}.btn-full{width:100%}.loading{color:var(--text);text-align:center;padding:40px}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard{padding:20px 12px}.card-header,.task-item,.user-stat-row{flex-direction:column;align-items:flex-start}.task-right{text-align:left}.btn-sm{width:100%}}.member-manager{grid-template-columns:1fr 1fr;gap:20px;display:grid}.add-member-card,.members-list-card{border:1px solid var(--border);background:#f8f9fa;border-radius:8px;padding:18px}.add-member-card h3,.members-list-card h3{color:var(--heading);margin:0 0 8px;font-size:18px}.add-member-card p,.empty-state p,.loading-state{color:var(--text);margin:0 0 16px;font-size:14px}.add-member-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--heading);font-size:14px;font-weight:700}.form-group input{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:11px 12px}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.field-hint{color:var(--text);font-size:12px}.alert{border-radius:6px;padding:10px 12px;font-size:13px;font-weight:600}.alert-error{color:#b42318;background:#fdecec;border:1px solid #f4c2c2}.alert-success{color:#1f7a3f;background:#e8f7ee;border:1px solid #bfe8cd}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#bd2130}.btn-sm{padding:7px 10px;font-size:12px}.btn:disabled{cursor:not-allowed;opacity:.65}.members-list{flex-direction:column;gap:12px;display:flex}.member-item{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.member-info{align-items:center;gap:12px;min-width:0;display:flex}.member-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.member-details h4{color:var(--heading);margin:0 0 3px;font-size:15px}.member-details p{color:var(--text);word-break:break-all;margin:0;font-size:13px}.member-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.role-badge{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.role-admin{color:var(--primary);background:#eef6ff}.role-member{color:#495057;background:#f1f3f5}@media (width<=800px){.member-manager{grid-template-columns:1fr}.member-item{flex-direction:column;align-items:flex-start}.member-actions{justify-content:flex-start;width:100%}}.project-details{background:var(--page-bg);min-height:calc(100vh - 60px);padding:30px 20px}.project-header{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto 22px;display:flex}.project-title{color:var(--heading);text-align:center;margin:0;font-size:30px}.back-button{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.back-button:hover{background:#5a6268}.section{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:1100px;margin:0 auto 20px;padding:22px;box-shadow:0 2px 8px #0000000f}.section h3{color:var(--heading);border-bottom:1px solid #e9ecef;margin:0 0 18px;padding-bottom:12px;font-size:22px}.task-form{border:1px solid var(--border);background:#f8f9fa;border-radius:8px;padding:18px}.task-form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px;display:grid}.task-form input,.task-form select,.task-form textarea,.filters select{font:inherit;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:11px 12px}.task-form input:focus,.task-form select:focus,.task-form textarea:focus,.filters select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.task-form textarea{resize:vertical;margin-bottom:14px}.task-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:11px 18px;font-weight:700}.task-form button:hover{background:var(--primary-dark)}.filters{gap:12px;margin-bottom:18px;display:flex}.task-board{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.task-column{border:1px solid var(--border);background:#f8f9fa;border-radius:8px;padding:14px}.task-column h4{color:var(--heading);text-align:center;margin:0 0 12px;font-size:17px}.task-card{border:1px solid var(--border);border-left:4px solid var(--primary);background:#fff;border-radius:8px;margin-bottom:12px;padding:14px}.task-card.high-priority{border-left-color:var(--warning)}.task-card.overdue{border-left-color:var(--danger)}.task-card h5{color:var(--heading);margin:0 0 8px;font-size:16px}.task-card p,.task-meta{color:var(--text);font-size:13px}.task-meta{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.task-priority{color:var(--primary);background:#eef6ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.task-status-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.task-status-buttons button{cursor:pointer;border:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}@media (width<=900px){.task-board{grid-template-columns:1fr}}@media (width<=600px){.project-details{padding:20px 12px}.project-header{flex-direction:column;align-items:stretch}.project-title{font-size:24px}.filters{flex-direction:column}}