body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:60px}.content{background:#f8f9fa;flex:1 1;margin-top:60px;min-height:calc(100vh - 60px);padding:0}@media (max-width:768px){.main-content,.sidebar.closed+.main-content{margin-left:0}.content{margin-top:60px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.btn{border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}.btn-sm{font-size:.8rem;padding:6px 12px}.btn-lg{font-size:1rem;padding:12px 24px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.card-body{padding:20px}.card-footer{background:#f7fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.form-group{margin-bottom:16px}.form-label{color:#4a5568;display:block;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-control.is-invalid{border-color:#e53e3e}.invalid-feedback{color:#e53e3e;display:block;font-size:.8rem;margin-top:4px;width:100%}.alert{border:1px solid #0000;border-radius:6px;margin-bottom:16px;padding:12px 16px}.alert-success{background:#f0fff4;border-color:#9ae6b4;color:#22543d}.alert-danger{background:#fed7d7;border-color:#feb2b2;color:#742a2a}.alert-warning{background:#fffbeb;border-color:#fbd38d;color:#744210}.alert-info{background:#ebf8ff;border-color:#90cdf4;color:#2a4365}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.badge-primary{background:#ebf8ff;color:#2b6cb0}.badge-success{background:#f0fff4;color:#22543d}.badge-warning{background:#fffbeb;color:#744210}.badge-danger{background:#fed7d7;color:#742a2a}.table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.table th{color:#4a5568;font-weight:600}.table tbody tr:hover,.table th{background:#f7fafc}.code-block{border-radius:6px}.code-inline{background:#f7fafc;border-radius:4px;color:#e53e3e;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:2px 6px}@media (max-width:768px){.d-none-mobile{display:none!important}.d-block-mobile{display:block!important}}@media (min-width:769px){.d-none-desktop{display:none!important}.d-block-desktop{display:block!important}}.auth-container{justify-content:center;padding:20px}.auth-container,.modern-auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.modern-auth-container{flex-direction:column;overflow-x:hidden;padding:60px 20px}.modern-auth-container .auth-header{color:#fff;margin-bottom:60px;text-align:center}.modern-auth-container .auth-header .logo-icon{animation:float 3s ease-in-out infinite;color:#fff;font-size:3rem;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modern-auth-container .auth-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.modern-auth-container .auth-header p{font-size:1.1rem;margin:0;opacity:.9}.login-section{margin-bottom:60px;max-width:450px;width:100%}.login-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026;padding:50px 40px}.login-header{margin-bottom:30px;text-align:center}.login-header h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:1rem;margin:0}.features-section{color:#fff;margin-bottom:50px;max-width:1000px;text-align:center;width:100%}.features-section h3{font-size:2rem;font-weight:600;margin:0 0 40px;text-shadow:0 2px 4px #0000001a}.features-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem;margin-bottom:20px}.feature-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 15px}.feature-card p{color:#fff;font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.button-icon{font-size:.9rem;margin-left:10px}.pricing-section{color:#fff;margin-bottom:60px;max-width:1200px;text-align:center;width:100%}.pricing-section h2{font-size:3rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px #0000001a}.pricing-section>p{font-size:1.3rem;line-height:1.5;margin:0 0 50px;opacity:.9}.pricing-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:1100px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:500px;overflow:hidden;padding:40px 30px;transition:all .3s ease}.pricing-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px)}.pricing-card.selected{background:#ffffff40;border-color:#fff;border-width:3px;box-shadow:0 25px 50px #0000004d;transform:translateY(-8px)}.pricing-card.selected:after{background:#4ade80;border-radius:20px;color:#fff;content:"✓ Selected";font-size:.75rem;font-weight:600;padding:6px 12px;position:absolute;right:20px;top:20px}.pricing-card.popular{border-color:gold;border-width:3px;box-shadow:0 20px 40px #ffd70033;transform:translateY(-4px)}.popular-badge{background:gold;border-radius:20px;color:#333;font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:15px;top:15px}.plan-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:25px}.pricing-card h3{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 20px;text-shadow:0 1px 2px #0000001a}.plan-price{margin-bottom:10px}.plan-price .price{color:#fff;font-size:3rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.plan-price .period{color:#fff;font-size:1rem;opacity:.8}.plan-requests{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:30px;opacity:.9}.plan-features{list-style:none;margin:0;padding:0;text-align:left}.plan-features li{align-items:center;color:#fff;display:flex;font-size:1rem;line-height:1.4;margin-bottom:15px;opacity:.95}.check-icon{color:#4ade80;flex-shrink:0;font-size:.875rem;margin-right:10px}.signup-section{margin-bottom:50px;max-width:550px;width:100%}.signup-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026;padding:50px 40px}.signup-card h2{color:#1a1a1a;font-size:2.2rem;font-weight:700;margin:0 0 15px;text-align:center}.signup-card>p{color:#666;font-size:1rem;margin:0 0 30px;text-align:center}.trust-section{max-width:600px;text-align:center;width:100%}.trust-items{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.trust-item{color:#fff;font-size:1rem;gap:10px}.trust-icon{font-size:1.2rem}@media (max-width:768px){.modern-auth-container{padding:20px 10px}.login-section{max-width:100%;padding:0 20px}.login-card{padding:40px 30px}.features-section h3{font-size:1.5rem}.features-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{padding:25px 15px}.pricing-section h2{font-size:2rem}.pricing-section>p{font-size:1rem}.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card{min-height:auto;padding:25px}.signup-card{padding:30px 20px}.trust-items{flex-direction:column;gap:20px}.modern-auth-container .auth-header h1{font-size:2rem}}.auth-header{color:#fff;margin-bottom:40px;text-align:center}.auth-header .logo-icon{color:#fff;font-size:3rem;margin-bottom:20px}.auth-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.auth-header p{font-size:1.1rem;margin:0;opacity:.9}.auth-form-container{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 400px;max-width:1200px;width:100%}.auth-marketing{color:#fff;padding:40px}.marketing-content{max-width:600px}.marketing-header{margin-bottom:40px;text-align:center}.marketing-logo{color:#fff;font-size:3rem;margin-bottom:20px}.marketing-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.marketing-header p{font-size:1.1rem;margin:0;opacity:.9}.api-showcase{margin-bottom:40px}.api-showcase h2{font-size:1.8rem;font-weight:600;margin:0 0 20px;text-align:center}.api-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.api-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px;transition:all .3s ease}.api-card:hover{background:#ffffff26;transform:translateY(-2px)}.api-icon{color:#fff;font-size:2rem;margin-bottom:15px}.api-card h3{font-size:1.2rem;font-weight:600;margin:0 0 10px}.api-card p{font-size:.9rem;line-height:1.4;margin:0 0 15px;opacity:.9}.api-features{display:flex;flex-direction:column;gap:8px}.api-features span{align-items:center;display:flex;font-size:.85rem;opacity:.9}.api-features svg{color:#4ade80;font-size:.8rem;margin-right:8px}.trust-indicators{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.trust-item{align-items:center;display:flex;font-size:.9rem;gap:8px;opacity:.9}.trust-icon{color:#4ade80;font-size:1rem}@media (max-width:1024px){.auth-form-container{grid-template-columns:1fr;max-width:600px}.auth-marketing{order:2;padding:20px}.auth-form{order:1}}@media (max-width:768px){.api-grid{grid-template-columns:1fr}.trust-indicators{align-items:center;flex-direction:column;gap:15px}.marketing-header h1{font-size:2rem}.api-showcase h2{font-size:1.5rem}}.auth-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px}.auth-form h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 10px;text-align:center}.auth-subtitle{color:#666;font-size:.95rem;margin:0 0 30px;text-align:center}.form-group{margin-bottom:20px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#999;font-size:1rem;left:15px;position:absolute;z-index:1}.auth-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.auth-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-toggle{background:none;border:none;color:#999;cursor:pointer;font-size:1rem;padding:0;position:absolute;right:15px;z-index:1}.password-toggle:hover{color:#667eea}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:.9rem;margin:0}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}.error-message{background:#fee;border-radius:8px;color:#c53030;margin-bottom:20px;padding:12px 16px}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@media (max-width:480px){.auth-form{padding:30px 20px}.auth-header h1{font-size:2rem}.auth-form h2{font-size:1.5rem}}.landing-page{background:#0a0a0a;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.landing-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff1a;position:fixed;top:0;width:100%;z-index:1000}.landing-header nav{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.landing-header .logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.landing-header .nav-links{display:flex;gap:2rem;list-style:none}.landing-header .nav-links a{color:#fff;text-decoration:none;transition:color .3s}.landing-header .nav-links a:hover{color:#667eea}.cta-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.cta-btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;overflow:hidden;padding:8rem 0 4rem;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 30% 40%,#667eea4d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:1}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1rem}.hero p{color:#ccc;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-secondary{background:#0000;border:2px solid #667eea;border-radius:50px;color:#667eea;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:#667eea;color:#fff}.features{background:#fff;padding:6rem 0}.section-title{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.feature-card h3,.feature-icon{font-size:1.5rem;margin-bottom:1rem}.feature-card h3{color:#333}.feature-card p{color:#666;margin-bottom:1rem}.feature-list{list-style:none;padding:0}.feature-list li{color:#555;padding:.25rem 0 .25rem 1.5rem;position:relative}.feature-list li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.pricing{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 0}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.pricing-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s}.pricing-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.pricing-card.featured{border-color:#667eea;transform:scale(1.05)}.pricing-card.featured:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;content:"Most Popular";font-size:.8rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.pricing-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.pricing-card .price{color:#667eea;font-size:3rem;font-weight:700;margin-bottom:.5rem}.pricing-card .price-period{color:#666;font-size:1rem;margin-bottom:2rem}.pricing-features{list-style:none;margin-bottom:2rem;padding:0}.pricing-features li{color:#555;padding:.5rem 0 .5rem 1.5rem;position:relative}.pricing-features li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.use-cases{background:#fff;padding:6rem 0}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.use-case-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;overflow:hidden;padding:2rem;position:relative}.use-case-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.use-case-card h3{font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.use-case-card p{opacity:.9;position:relative;z-index:1}.integration-examples{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:6rem 0}.integration-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab-button{background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.tab-button.active{background:#667eea;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.code-preview{background:#1e1e1e;border-radius:10px;color:#d4d4d4;font-family:Courier New,monospace;margin:2rem 0;overflow-x:auto;padding:1.5rem}.code-preview .keyword{color:#569cd6}.code-preview .string{color:#ce9178}.code-preview .comment{color:#6a9955}.testimonials{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:6rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.testimonial-quote{font-size:1.1rem;font-style:italic;margin-bottom:1rem}.testimonial-author{color:#ccc;font-weight:600}.tech-stack{background:#f8f9fa;padding:6rem 0}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:3rem}.tech-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s}.tech-item:hover{transform:translateY(-5px)}.tech-item h4{color:#333;margin-top:1rem}.faq{background:#fff;padding:6rem 0}.faq-container{margin:0 auto;max-width:800px}.faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1.5rem;transition:background .3s}.faq-question:hover{background:#e9ecef}.faq-answer{background:#fff;color:#666;display:none;padding:1.5rem}.faq-answer.active{display:block}footer{background:#0a0a0a;color:#fff;padding:4rem 0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section h3{color:#667eea;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#667eea}.footer-bottom{border-top:1px solid #333;color:#666;margin-top:2rem;padding-top:2rem;text-align:center}@media (max-width:768px){.landing-header .nav-links{display:none}.hero h1{font-size:2.5rem}.hero-cta{align-items:center;flex-direction:column}.pricing-card.featured{transform:none}.container{padding:0 15px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out}.dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.dashboard-header p{color:#666;font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-content p{margin:0 0 8px}.stat-change{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:4px}.stat-change.positive{color:#48bb78}.stat-change.negative{color:#e53e3e}.dashboard-section{margin-bottom:40px}.dashboard-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quick-action-card{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;color:inherit;display:flex;gap:16px;padding:24px;text-decoration:none;transition:all .3s ease}.quick-action-card:hover{box-shadow:0 8px 25px #0000001a;color:inherit;text-decoration:none;transform:translateY(-2px)}.action-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.action-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 4px}.action-content p{color:#666;font-size:.9rem;margin:0}.activity-list{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;gap:16px;padding:20px;transition:background .3s ease}.activity-item:hover{background:#f8f9fa}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.activity-content h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 4px}.activity-content p{color:#666;font-size:.9rem;margin:0 0 4px}.activity-time{color:#999;font-size:.8rem}.no-activity{color:#666;padding:40px 20px;text-align:center}.no-activity p:first-child{font-size:1.1rem;font-weight:500;margin:0 0 8px}.no-activity p:last-child{font-size:.9rem;margin:0}.api-status-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.status-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.status-card h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px}.status-badge{background:#48bb78;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:12px;padding:4px 12px}.status-card p{color:#666;font-size:.9rem;margin:0}.dashboard-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.dashboard{padding:15px}.dashboard-header h1{font-size:1.5rem}.api-status-grid,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.quick-action-card,.stat-card{padding:20px}}.api-docs{margin:0 auto;max-width:1200px;padding:20px}.docs-header{margin-bottom:40px}.docs-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.docs-header p{color:#666;font-size:1.1rem;margin:0}.docs-content{grid-gap:30px;display:grid;gap:30px}.docs-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:30px}.docs-section h2{border-bottom:2px solid #f1f3f4;color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.docs-section p{color:#666;line-height:1.6;margin-bottom:20px}.code-block{background:#2d3748;border-radius:8px;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;margin:20px 0;overflow-x:auto;padding:16px}.api-list{grid-gap:20px;display:grid;gap:20px}.api-item{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px;transition:all .3s ease}.api-item:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.api-item h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 8px}.api-item p{color:#666;line-height:1.5;margin:0 0 12px}.endpoint{background:#667eea;border-radius:6px;color:#fff;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;font-weight:500;margin:4px 8px 4px 0;padding:6px 12px}.endpoint-group{margin:12px 0}.endpoint-group .endpoint{display:block;margin:4px 0}.api-details{border-top:1px solid #e1e5e9;margin-top:16px;padding-top:16px}.api-details h4{color:#333;font-size:1rem;font-weight:600;margin:16px 0 8px}.api-details h4:first-child{margin-top:0}.api-details .code-block{font-size:.8rem;line-height:1.4;margin:8px 0 16px}.docs-section ul{margin:16px 0;padding-left:20px}.docs-section li{color:#666;line-height:1.6;margin-bottom:8px}.docs-section strong{color:#333;font-weight:600}@media (max-width:768px){.api-docs{padding:15px}.docs-section{padding:20px}.docs-header h1{font-size:1.5rem}}.api-playground{margin:0 auto;max-width:1400px;padding:20px}.playground-header{margin-bottom:30px}.playground-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.playground-header p{color:#666;font-size:1.1rem;margin:0}.playground-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;min-height:600px}.playground-sidebar{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;height:fit-content;padding:24px}.playground-sidebar h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 20px}.api-selector{display:flex;flex-direction:column;gap:12px}.api-option{background:none;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;padding:16px;text-align:left;transition:all .3s ease}.api-option:hover{background:#f8f9fa;border-color:#667eea}.api-option.active{background:#ebf8ff;border-color:#667eea}.api-option-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.api-method{background:#667eea;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.api-name{color:#333;font-size:.95rem;font-weight:600}.api-description{color:#666;font-size:.85rem;line-height:1.4;margin:0 0 8px}.api-endpoint{background:#f1f3f4;border-radius:4px;color:#999;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;padding:4px 8px}.playground-main{display:flex;flex-direction:column;gap:20px}.request-section,.response-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.section-header{margin-bottom:16px}.section-header h3{color:#333;font-size:1.2rem;font-weight:600}.section-actions{display:flex;gap:8px}.request-body-container{margin-bottom:16px;position:relative}.request-body{border:1px solid #e1e5e9;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;min-height:200px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.request-body-container.drag-over .request-body{background:#f8f9fa;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.request-body:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.request-help{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:16px;padding:12px}.request-help p{color:#0369a1;font-size:.9rem;line-height:1.4;margin:0}.input-mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-btn{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.mode-btn:hover{border-color:#667eea;color:#667eea}.mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.code-input-section{margin-bottom:16px}.code-input-header{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.code-input-header svg{color:#667eea;font-size:1.1rem}.code-input-header select{background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:6px 12px}.code-input-header select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.code-input-textarea{background:#fafbfc;border:1px solid #e1e5e9;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;min-height:200px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.code-input-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-input-preview{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:16px;padding:16px}.code-input-preview h4{color:#333;font-size:.95rem;font-weight:600;margin:0 0 12px}.code-input-preview pre{background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:12px}.file-upload-section{margin-bottom:16px}.file-upload-area{border:2px dashed #e1e5e9;border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f8f9fa;border-color:#667eea}.file-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-icon{color:#667eea;font-size:2rem}.file-upload-label strong{color:#333;font-size:1.1rem}.file-upload-label p{color:#666;font-size:.9rem;margin:0}.file-types{color:#999!important;font-size:.8rem!important;margin-top:8px!important}.uploaded-file-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;display:flex;font-size:.9rem;gap:8px;margin-top:12px;padding:12px}.uploaded-file-info .file-size{color:#666;font-size:.8rem}.uploaded-folder-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;display:flex;font-size:.9rem;gap:8px;margin-top:12px;padding:12px}.uploaded-folder-info div{display:flex;flex-direction:column;gap:2px}.uploaded-folder-info .folder-name{color:#0369a1;font-weight:600}.uploaded-folder-info .file-count,.uploaded-folder-info .total-size{color:#666;font-size:.8rem}.uploaded-folder-info .processing-indicator{animation:pulse 1.5s infinite;color:#667eea;font-size:.8rem;font-weight:600}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.response-body{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;max-height:400px;min-height:200px;overflow-y:auto}.response-body pre{word-wrap:break-word;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;margin:0;padding:16px;white-space:pre-wrap}.no-response{align-items:center;color:#999;display:flex;font-style:italic;height:200px;justify-content:center}@media (max-width:1024px){.playground-content{grid-template-columns:1fr}.playground-sidebar{order:2}.playground-main{order:1}}@media (max-width:768px){.api-playground{padding:15px}.playground-header h1{font-size:1.5rem}.request-section,.response-section{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-actions{justify-content:flex-end;width:100%}}.embed-and-chat{margin:0 auto;max-width:1400px;padding:20px}.embed-and-chat-header{margin-bottom:30px;text-align:center}.embed-and-chat-header h1{color:#2e7d32;margin-bottom:10px}.embed-and-chat-header p{color:#666;font-size:16px}.embed-and-chat-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;min-height:600px}.chat-section,.embed-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#2e7d32;gap:8px;margin:0}.btn,.section-header h3{align-items:center;display:flex}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:#2e7d32;color:#fff}.btn-primary:hover:not(:disabled){background:#1b5e20}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-sm{font-size:12px;padding:4px 8px}.chat-input-area,.code-input-area{margin-bottom:20px}.language-selector{align-items:center;display:flex;gap:10px;margin-bottom:10px}.language-selector label{color:#333;font-weight:500}.language-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.chat-textarea,.code-textarea{background:#fafafa;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;padding:12px;resize:vertical;width:100%}.chat-textarea:focus,.code-textarea:focus{border-color:#2e7d32;box-shadow:0 0 0 2px #2e7d321a;outline:none}.chat-response,.embedding-result{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.result-header h4{color:#2e7d32;margin:0}.embedding-preview p{font-size:14px;margin:5px 0}.embedding-preview details{margin-top:15px}.embedding-preview summary{color:#2e7d32;cursor:pointer;font-weight:500}.embedding-preview pre{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;margin-top:10px;overflow-x:auto;padding:10px}.response-content{font-size:14px}.response-content h5{color:#2e7d32;font-size:14px;margin:15px 0 8px}.response-content p{line-height:1.5;margin:8px 0}.relevant-code{margin:15px 0}.code-reference{background:#fff;border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:12px}.code-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.file-path{color:#2e7d32;font-family:monospace;font-weight:500}.relevance{background:#f0f0f0;border-radius:3px;color:#666;padding:2px 6px}.code-snippet{background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;font-family:monospace;font-size:12px;margin:8px 0;overflow-x:auto;padding:8px}.explanation{color:#666;font-size:12px;font-style:italic;margin:8px 0 0}.suggestions ul{margin:8px 0;padding-left:20px}.suggestions li{line-height:1.4;margin:4px 0}.response-content details{margin-top:15px}.response-content summary{color:#2e7d32;cursor:pointer;font-weight:500}.response-content pre{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;margin-top:10px;overflow-x:auto;padding:10px}@media (max-width:1024px){.embed-and-chat-content{gap:20px;grid-template-columns:1fr}.embed-and-chat{padding:15px}}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column;gap:10px}.section-header button{align-self:flex-end}.chat-textarea,.code-textarea{font-size:13px}}.api-keys{margin:0 auto;max-width:1200px;padding:20px}.keys-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.keys-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.keys-header p{color:#666;font-size:1.1rem;margin:0}.keys-content{min-height:400px}.no-keys{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:60px 20px;text-align:center}.no-keys h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 12px}.no-keys p{color:#666;margin:0 0 24px}.keys-grid{grid-gap:20px;display:grid;gap:20px}.key-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;transition:all .3s ease}.key-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.key-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.key-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.key-actions{display:flex;gap:8px}.key-details{grid-gap:12px;display:grid;gap:12px}.key-info{align-items:center;display:flex;gap:12px}.key-label{color:#666;font-weight:500;min-width:80px}.key-value{background:#f8f9fa;border-radius:4px;color:#333;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:4px 8px;word-break:break-all}.key-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:uppercase}.key-status.active{background:#f0fff4;color:#22543d}.key-status.inactive{background:#fed7d7;color:#742a2a}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .3s ease}.modal-close:hover{background:#f1f3f4;color:#333}.modal-body{padding:24px}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#742a2a;font-size:.9rem;margin-bottom:16px;padding:12px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.api-keys-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.api-keys-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@media (max-width:768px){.api-keys{padding:15px}.keys-header{align-items:stretch;flex-direction:column;gap:20px}.keys-header h1{font-size:1.5rem}.key-header{align-items:flex-start;flex-direction:column;gap:16px}.key-actions{justify-content:flex-end;width:100%}.key-info{align-items:flex-start;flex-direction:column;gap:4px}.key-label{min-width:auto}.modal{margin:20px}}.usage{margin:0 auto;max-width:1200px;padding:20px}.usage-header{margin-bottom:30px}.usage-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.usage-header p{color:#666;font-size:1.1rem;margin:0}.usage-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;background:#667eea;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#666;font-size:.9rem;margin:0}.usage-content{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:30px}.usage-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 12px}.usage-section p{color:#666;line-height:1.6;margin:0}.usage-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.usage-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.usage{padding:15px}.usage-header h1{font-size:1.5rem}.usage-stats{grid-template-columns:1fr}.stat-card,.usage-content{padding:20px}}.settings{margin:0 auto;max-width:1200px;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 8px}.settings-header p{color:#666;font-size:1.1rem;margin:0}.settings-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:250px 1fr;min-height:500px}.settings-sidebar{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;height:fit-content;padding:20px}.settings-tab{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.95rem;gap:12px;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.settings-tab:hover{background:#f8f9fa;color:#333}.settings-tab.active{background:#667eea;color:#fff}.settings-tab svg{font-size:1rem;min-width:16px}.settings-main{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:30px}.settings-section h2{border-bottom:2px solid #f1f3f4;color:#333;font-size:1.5rem;font-weight:600;margin:0 0 24px;padding-bottom:12px}.settings-section p{color:#666;line-height:1.6;margin-bottom:24px}.settings-section .form-group{margin-bottom:20px}.settings-section .form-group:last-of-type{margin-bottom:30px}@media (max-width:768px){.settings{padding:15px}.settings-header h1{font-size:1.5rem}.settings-content{grid-template-columns:1fr}.settings-sidebar{order:2}.settings-main{order:1;padding:20px}.settings-tab{font-size:.9rem;padding:10px 12px}}.sidebar{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;z-index:1000}.sidebar.open{width:250px}.sidebar.closed{width:60px}.sidebar-header{border-bottom:1px solid #333;padding:20px}.logo{align-items:center;display:flex;gap:12px}.logo-icon{color:#667eea;font-size:1.5rem}.logo-text{color:#fff;font-size:1.2rem;font-weight:600}.sidebar.closed .logo-text{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#b0b0b0;display:flex;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.nav-item.active,.nav-item:hover{background:#2a2a2a;border-left-color:#667eea;color:#fff}.nav-icon{font-size:1.1rem;min-width:20px}.nav-label{font-size:.95rem;font-weight:500}.sidebar.closed .nav-label{display:none}.sidebar-footer{border-top:1px solid #333;padding:20px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{font-size:1rem;height:40px;width:40px}.user-details{flex:1 1}.user-name{color:#fff;font-weight:600;margin-bottom:2px}.user-email{color:#b0b0b0;font-size:.8rem}.sidebar.closed .user-details{display:none}@media (max-width:768px){.sidebar.open{width:100%}.sidebar.closed{transform:translateX(-100%)}}.header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;height:60px;justify-content:space-between;left:250px;padding:0 20px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:999}.sidebar.closed+.main-content .header{left:60px}.header-left{align-items:center;display:flex;gap:20px}.sidebar-toggle{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:1.2rem;padding:8px;transition:all .3s ease}.sidebar-toggle:hover{background:#f5f5f5;color:#333}.breadcrumb{color:#333;font-size:1.1rem;font-weight:600}.header-right{align-items:center;display:flex;gap:20px}.user-menu{position:relative}.user-menu-toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .3s ease}.user-menu-toggle:hover{background:#f5f5f5}.user-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.user-name{color:#333;font-size:.9rem;font-weight:500}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 10px 25px #0000001a;margin-top:8px;position:absolute;right:0;top:100%;width:280px;z-index:1000}.dropdown-header{border-bottom:1px solid #e1e5e9;padding:20px}.dropdown-header .user-info{align-items:center;display:flex;gap:12px}.dropdown-header .user-avatar{font-size:1.2rem;height:48px;width:48px}.dropdown-header .user-name{font-size:1rem;font-weight:600;margin-bottom:4px}.dropdown-header .user-email{color:#666;font-size:.85rem}.dropdown-menu{padding:8px 0}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 20px;text-align:left;transition:background .3s ease;width:100%}.dropdown-item:hover{background:#f8f9fa}.dropdown-item svg{color:#666;font-size:1rem;min-width:16px}.dropdown-divider{background:#e1e5e9;height:1px;margin:8px 0}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.header,.sidebar.closed+.main-content .header{left:0}.breadcrumb{display:none}.user-dropdown{width:250px}}
/*# sourceMappingURL=main.63113c6f.css.map*/