.homepage{min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease-in-out,color .3s ease-in-out}.homepage-main{padding:3rem;max-width:1200px;margin:0 auto}@media(max-width:767px){.homepage-main{padding:1.5rem}}.homepage-header{text-align:center;margin-bottom:4rem}.homepage-header h1{font-size:2.25rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;transition:color .3s ease-in-out}@media(max-width:767px){.homepage-header h1{font-size:1.875rem}}[data-theme=dark] .homepage-header h1{color:var(--text-color);text-shadow:0 1px 3px rgba(0,0,0,.8)}.homepage-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;line-height:1.75;margin:0 auto 2rem;transition:color .3s ease-in-out}@media(max-width:767px){.homepage-header p{font-size:1rem}}.homepage-header .error-banner{background:var(--error-background);color:var(--error-color);padding:.5rem 1rem;border-radius:8px;margin:1rem auto;max-width:600px;font-size:.875rem;border:1px solid var(--error-border)}[data-theme=dark] .homepage-header p{color:var(--text-color)}.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem}.loading-state .loading-spinner{width:40px;height:40px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--text-secondary);font-size:.875rem;transition:color .3s ease-in-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.agents-section .agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:767px){.agents-section .agents-grid{grid-template-columns:1fr;gap:1rem}}.create-agent-card{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:240px;border:2px dashed var(--border-color);background:var(--surface-color-2);cursor:pointer;transition:all .3s ease-in-out;text-decoration:none}.create-agent-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px);border-color:var(--purple);background:var(--surface-color);transform:translateY(-4px)}.create-agent-card .create-content{text-align:center;padding:1.5rem}.create-agent-card .create-content .create-icon{font-size:3rem;margin-bottom:1rem;color:var(--text-muted);transition:color .3s ease-in-out}.create-agent-card .create-content .create-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;transition:color .3s ease-in-out}.create-agent-card .create-content .create-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;transition:color .3s ease-in-out}.create-agent-card:hover .create-content .create-icon{color:var(--purple)}.create-agent-card:hover .create-content .create-title{color:var(--purple-dark)}[data-theme=dark] .create-agent-card{border-color:var(--border-color);background:var(--surface-color-2)}[data-theme=dark] .create-agent-card:hover{background:var(--surface-color);border-color:var(--purple)}[data-theme=dark] .create-agent-card .create-content .create-icon{color:var(--text-muted)}[data-theme=dark] .create-agent-card .create-content .create-title{color:var(--text-color)}[data-theme=dark] .create-agent-card .create-content .create-description{color:var(--text-secondary)}[data-theme=dark] .create-agent-card:hover .create-content .create-icon{color:var(--purple)}[data-theme=dark] .create-agent-card:hover .create-content .create-title{color:var(--purple-light)}.auth-required{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem;text-align:center}.auth-required .auth-icon{margin-bottom:1.5rem}.auth-required .auth-icon img{width:100px;height:auto;border-radius:.5rem;box-shadow:0 4px 10px rgba(0,0,0,.08)}.auth-required h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.auth-required p{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto 2rem;line-height:1.75}.auth-required .auth-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:767px){.auth-required .auth-buttons{flex-direction:column;width:100%;max-width:300px}}.auth-required .features-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.auth-required .features-grid .feature-card{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease-in-out;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-required .features-grid .feature-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.auth-required .features-grid .feature-card .feature-icon{width:40px;height:40px}.auth-required .features-grid .feature-card .feature-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-color)}.auth-required .features-grid .feature-card .feature-desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.empty-state{text-align:center;padding:4rem}.empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state h3,.empty-state p{transition:color .3s ease-in-out}.empty-state p{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);z-index:1000;display:flex;align-items:center;justify-content:center}.agent-name-modal{background:var(--surface-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2.5rem 2rem 2rem;min-width:340px;max-width:90vw;display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.modal-title{font-size:1.5rem;font-weight:700;transition:color .3s ease-in-out}.agent-name-input-modal,.modal-title{margin-bottom:1.5rem;color:var(--text-color)}.agent-name-input-modal{width:100%;font-size:1.25rem;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .3s ease-in-out;box-shadow:0 1px 2px var(--shadow-color-light);background:var(--surface-color-2)}.agent-name-input-modal:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(99,102,241,.2);background:var(--surface-color)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;width:100%}.confirm-delete-modal{background:var(--surface-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:2.5rem 2rem 2rem;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.confirm-delete-modal .modal-title{font-size:1.4rem;font-weight:700;margin-bottom:1.1rem;color:var(--text-color);transition:color .3s ease-in-out}.confirm-delete-modal .modal-message{font-size:1.08rem;color:var(--text-secondary);margin-bottom:1.7rem;text-align:center;transition:color .3s ease-in-out}.confirm-delete-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;width:100%}.confirm-delete-modal .btn{min-width:100px;font-size:1.08rem;padding:.5rem 1.3rem;border-radius:8px;font-weight:600;letter-spacing:.01em;border:none;cursor:pointer;transition:all .18s ease}.confirm-delete-modal .btn-danger{background:#fee2e2;color:#dc2626;box-shadow:0 1px 2px rgba(220,38,38,.04)}.confirm-delete-modal .btn-danger:hover{background:#dc2626;color:#fff;box-shadow:0 2px 8px rgba(220,38,38,.1)}.confirm-delete-modal .btn-secondary{background:#f3f4f6;color:#6366f1;box-shadow:0 1px 2px rgba(99,102,241,.04)}.confirm-delete-modal .btn-secondary:hover{background:#ede9fe;color:#7c3aed;box-shadow:0 2px 8px rgba(99,102,241,.1)}.app-header{position:sticky;top:0;z-index:1030;background:rgba(var(--primary-rgb),.03);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease-in-out,backdrop-filter .3s ease-in-out}.app-header .header-logo{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.app-header .header-logo img{height:84px;width:auto}.app-header .header-logo h1{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-header .header-actions{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-left:auto}.app-header .header-actions .btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-dark))}[data-theme=dark] .app-header{background:rgba(10,10,10,.6);border-color:var(--border-color)}@media(max-width:767px){.app-header{padding:.5rem 1rem;flex-wrap:nowrap;justify-content:space-between}.app-header .header-logo h1{display:none}.app-header .header-actions{margin-left:auto;flex-shrink:0;display:flex;gap:.5rem}.homepage-main{padding:1rem}.homepage-header h1{font-size:1.5rem}.homepage-header p{font-size:.875rem}.agents-section .agents-grid{grid-template-columns:1fr;gap:1.5rem}}