*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#2d2d2d;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 2rem}.header-content{margin:0 auto;max-width:1400px}.header-logo{color:#fff;text-decoration:none;transition:opacity .2s}.header-logo:hover{opacity:.9}.header h1{color:#fff;font-size:1.5rem;font-weight:600;margin:0}@media (max-width:768px){.header{padding:1rem}.header h1{font-size:1.25rem}}.footer{background-color:#e8e8e8;border-top:1px solid #d0d0d0;color:#666;margin-top:auto;padding:1.5rem 2rem}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer p{font-size:.9rem;margin:0}@media (max-width:768px){.footer{padding:1rem}.footer p{font-size:.8rem}}.sidebar{background-color:#f0f0f0;border-right:1px solid #d0d0d0;padding:1rem 0;width:250px}.sidebar-nav{position:-webkit-sticky;position:sticky;top:1rem}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin-bottom:.25rem}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#4d4d4d;display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-link:hover{background-color:#e0e0e0;color:#2d2d2d}.sidebar-link.active{background-color:#d8d8d8;border-left-color:#666;color:#2d2d2d;font-weight:500}.sidebar-icon{font-size:1.25rem;margin-right:.75rem}.sidebar-label{font-size:.95rem}@media (max-width:768px){.sidebar{border-bottom:1px solid #d0d0d0;border-right:none;width:100%}.sidebar-nav{position:static}.sidebar-menu{display:flex;overflow-x:auto}.sidebar-menu-item{flex-shrink:0;margin-bottom:0}.sidebar-link{border-bottom:3px solid #0000;border-left:none;flex-direction:column;padding:.75rem 1rem;text-align:center}.sidebar-link.active{border-bottom-color:#666;border-left:none}.sidebar-icon{margin-bottom:.25rem;margin-right:0}.sidebar-label{font-size:.85rem}}.layout{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh}.layout-body{display:flex;flex:1 1;min-height:calc(100vh - 120px)}.layout-content{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;margin:1rem;padding:2rem}@media (max-width:768px){.layout-body{flex-direction:column}.layout-content{margin:.5rem;padding:1rem}}.home-page{margin:0 auto;max-width:1200px}.home-header{border-bottom:2px solid #e0e0e0;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.home-header h1{color:#2d2d2d;font-size:2.5rem;margin-bottom:1rem}.home-subtitle{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.feature-card{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:8px;color:inherit;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.feature-card:hover{border-color:var(--feature-color);box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.feature-card:before{background-color:var(--feature-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.feature-card:hover:before{transform:scaleY(1)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{color:#2d2d2d;font-size:1.5rem;margin-bottom:.75rem}.feature-description{color:#666;line-height:1.6;margin-bottom:1rem}.feature-arrow{color:var(--feature-color);display:inline-block;font-size:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-arrow{transform:translateX(8px)}.home-info{border-top:2px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.home-info h2{color:#2d2d2d;margin-bottom:2rem;text-align:center}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background-color:#f5f5f5;border:1px solid #d0d0d0;border-radius:6px;padding:1.5rem}.info-card h3{color:#2d2d2d;font-size:1.1rem;margin-bottom:.75rem}.info-card p{color:#666;font-size:.95rem;line-height:1.5}@media (max-width:768px){.home-header h1{font-size:1.8rem}.home-subtitle{font-size:1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.info-grid{grid-template-columns:1fr}}.setup-page{margin:0 auto;max-width:1000px}.page-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.page-header h1{margin-bottom:.5rem}.page-subtitle{color:#666;font-size:1rem}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background-color:#7cb342;color:#fff}.btn-primary:hover:not(:disabled){background-color:#689f38;box-shadow:0 2px 8px #7cb3424d;transform:translateY(-1px)}.btn-primary:disabled{background-color:#b0b0b0;cursor:not-allowed}.btn-secondary{background-color:#e0e0e0;color:#2d2d2d}.btn-secondary:hover{background-color:#d0d0d0}.mode-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.5rem;margin-bottom:2rem}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s}.tab-button:hover{background-color:#f5f5f5;color:#2d2d2d}.tab-button.active{background-color:#fafafa;border-bottom-color:#7cb342;color:#2d2d2d}.form-container{background-color:#fafafa;border:1px solid #d0d0d0;border-radius:6px;padding:2rem}.setup-form{max-width:800px}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#2d2d2d;font-size:1.25rem;margin-bottom:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{color:#2d2d2d;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #d0d0d0;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7cb342;outline:none}.form-group small{color:#666;font-size:.85rem;margin-top:.25rem}.form-group textarea{font-family:inherit;resize:vertical}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.info-box{background-color:#f5f5f5;border:2px solid #d0d0d0;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.info-box h3{color:#2d2d2d;font-size:1.1rem;margin-bottom:1rem}.info-box p{color:#666;line-height:1.6;margin-bottom:.75rem}.info-box code{background-color:#e8e8e8;border-radius:4px;display:block;font-size:.9rem;margin:.75rem 0;overflow-x:auto;padding:1rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#7cb342;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner p{color:#666;margin-top:1rem}.alert{border:2px solid;border-radius:6px;margin-top:2rem;padding:1.5rem}.alert h4{font-size:1.1rem;margin-bottom:.75rem}.alert p{margin-bottom:.5rem}.alert-success{background-color:#e8f5e9;border-color:#7cb342;color:#2e7d32}.alert-success h4{color:#1b5e20}.alert-error{background-color:#ffebee;border-color:#ef5350;color:#c62828}.alert-error h4{color:#b71c1c}.alert details{cursor:pointer;margin-top:1rem}.alert summary{font-weight:500;padding:.5rem}.alert pre,.alert summary{background-color:#0000000d;border-radius:4px}.alert pre{font-size:.85rem;margin-top:.75rem;overflow-x:auto;padding:1rem}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.form-container{padding:1rem}.form-row{grid-template-columns:1fr}.mode-tabs{overflow-x:auto}.tab-button{padding:.75rem 1.5rem;white-space:nowrap}}.app-container{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#2d2d2d;margin-bottom:1rem}h1{font-size:2rem}h1,h2{font-weight:600}h2{font-size:1.5rem}h3{font-size:1.25rem;font-weight:500}.text-muted{color:#666}.text-success{color:#4caf50}.text-error{color:#f44336}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}
/*# sourceMappingURL=main.b51d7820.css.map*/