*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;color:#111;background:#fff;line-height:1.6}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid #e5e7eb}.nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#111;text-decoration:none}.nav-logo span{color:#2563eb}.nav-cta{background:#2563eb;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none}.nav-cta:hover{background:#1d4ed8}.hero{max-width:720px;margin:0 auto;padding:6rem 2rem 5rem;text-align:center}.hero-badge{display:inline-block;background:#eff6ff;color:#2563eb;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .85rem;border-radius:999px;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem;color:#0f172a}.hero p{font-size:1.15rem;color:#475569;max-width:540px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:#2563eb;color:#fff;padding:.75rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#374151;padding:.75rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid #d1d5db;cursor:pointer}.btn-secondary:hover{background:#f9fafb}.features{background:#f8fafc;padding:5rem 2rem}.features-inner{max-width:960px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin-bottom:.5rem}.features-header p{color:#64748b;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.feature-icon{font-size:1.75rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#64748b;line-height:1.65}.footer{text-align:center;padding:2.5rem 2rem;color:#94a3b8;font-size:.85rem;border-top:1px solid #e5e7eb}.nav-user{display:flex;align-items:center;gap:1rem}.nav-username{font-size:.9rem;color:#475569}.nav-signout{font-size:.85rem;padding:.4rem 1rem}.login-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.25rem}.login-logo{display:block;margin-bottom:.25rem}.login-card h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.login-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:.6rem .85rem;font-size:.875rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-field label{font-size:.875rem;font-weight:500;color:#374151}.login-field input{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .15s}.login-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-btn{width:100%;padding:.7rem;font-size:.95rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-back{background:none;border:none;color:#64748b;font-size:.875rem;cursor:pointer;padding:0;text-align:left}.login-back:hover{color:#374151}.login-first-time{color:#2563eb;font-size:.8rem}.setup-hint{font-size:.875rem;color:#64748b;margin-top:-.5rem}.nav-admin{font-size:.85rem;padding:.4rem 1rem}.admin-panel{max-width:800px;margin:0 auto;padding:2.5rem 2rem}.admin-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.admin-header h2{font-size:1.25rem;font-weight:700;color:#0f172a}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:2.5rem}.admin-table th{text-align:left;font-weight:600;color:#475569;padding:.5rem .75rem;border-bottom:2px solid #e2e8f0}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9}.role-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase}.role-admin{background:#eff6ff;color:#2563eb}.role-user{background:#f0fdf4;color:#16a34a}.delete-btn{background:none;border:1px solid #fca5a5;color:#dc2626;font-size:.8rem;padding:.25rem .65rem;border-radius:5px;cursor:pointer}.delete-btn:hover{background:#fef2f2}.admin-add h3{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.admin-form .login-field select{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;background:#fff;width:100%}.workspace-body{max-width:960px;margin:0 auto;padding:4rem 2rem}.workspace-body h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.workspace-body p{color:#64748b}