@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background: hsl(0, 0%, 96%);--foreground: hsl(0, 0%, 9%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(0, 0%, 9%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(0, 0%, 9%);--primary: hsl(224, 93%, 58%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(0, 0%, 96%);--secondary-foreground: hsl(0, 0%, 45%);--muted: hsl(0, 0%, 96%);--muted-foreground: hsl(0, 0%, 45%);--accent: hsl(224, 93%, 58%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 71%, 51%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(0, 0%, 90%);--input: hsl(0, 0%, 90%);--ring: hsl(224, 93%, 58%);--radius: .5rem;--ecomos-primary: hsl(224, 93%, 58%);--ecomos-blue: hsl(224, 93%, 58%);--ecomos-blue-light: hsl(224, 93%, 95%);--emerald-primary: hsl(159, 55%, 54%);--emerald-accent: hsl(159, 50%, 58%);--emerald-light: hsl(159, 55%, 96%);--mint-light: hsl(165, 65%, 96%);--purple-primary: hsl(246, 100%, 66%);--purple-light: hsl(246, 100%, 96%);--red-primary: hsl(354, 100%, 66%);--red-light: hsl(354, 100%, 96%);--orange-primary: hsl(25, 95%, 53%);--orange-light: hsl(25, 95%, 96%);--blue-primary: hsl(224, 93%, 58%);--blue-light: hsl(224, 93%, 95%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif}.dark{--background: hsl(222, 84%, 4%);--foreground: hsl(210, 40%, 98%);--card: hsl(222, 84%, 7%);--card-foreground: hsl(210, 40%, 98%);--popover: hsl(222, 84%, 7%);--popover-foreground: hsl(210, 40%, 98%);--primary: hsl(159, 55%, 54%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(217, 32%, 19%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(217, 32%, 18%);--muted-foreground: hsl(215, 20%, 70%);--accent: hsl(217, 32%, 19%);--accent-foreground: hsl(210, 40%, 98%);--destructive: hsl(0, 62%, 30%);--destructive-foreground: hsl(0, 85%, 97%);--border: hsl(217, 25%, 23%);--input: hsl(217, 25%, 23%);--ring: hsl(159, 55%, 54%)}html,body{color-scheme:light!important;background-color:var(--background)!important;color:var(--foreground)!important;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:var(--font-sans)}*{box-sizing:border-box}html[data-theme=dark],html[data-theme=auto],body[data-theme=dark],body[data-theme=auto]{color-scheme:light!important;background-color:var(--background)!important;color:var(--foreground)!important}.App{min-height:100vh;background:var(--background);font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:var(--primary)}.spinner{width:40px;height:40px;border:4px solid rgba(26,115,232,.2);border-top:4px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:80px 20px 20px;box-sizing:border-box;width:100%;max-width:100vw}.app-header{display:flex;align-items:center;margin-bottom:40px}.app-logo{width:48px;height:48px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;margin-right:12px}.app-name{font-size:24px;font-weight:600;color:var(--foreground)}.login-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 6px #20212447;max-width:400px;width:100%;text-align:center}.login-title{font-size:24px;font-weight:500;color:var(--foreground);margin-bottom:8px}.login-subtitle{color:#5f6368;margin-bottom:32px;font-size:16px}.language-selector{margin-bottom:30px;text-align:left}.language-selector label{display:block;margin-bottom:8px;font-weight:500;color:var(--foreground);font-size:14px}.language-select{width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:8px;font-size:16px;transition:border-color .2s;background:#fff}.language-select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.login-buttons{display:flex;flex-direction:column;gap:15px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;background:#fff}.google-button{color:#3c4043;border-color:#dadce0}.google-button:hover{background:#f8f9fa;border-color:#c8ccd0;box-shadow:0 1px 3px #3c40434d}.yandex-button{color:#3c4043;border-color:#dadce0}.yandex-button:hover{background:#f8f9fa;border-color:#c8ccd0;box-shadow:0 1px 3px #3c40434d}.oauth-icon{font-size:20px;font-weight:700}.profile-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.profile-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;max-width:500px;width:100%}.profile-title{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.profile-subtitle{color:#666;margin-bottom:30px;text-align:center}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select{padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:border-color .3s;background-color:#fff!important;color:#202124!important;box-sizing:border-box;width:100%;max-width:100%}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.submit-button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:16px}.submit-button:hover:not(:disabled){background:#1557b0;box-shadow:0 1px 3px #3c40434d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:15px;border-radius:10px;border:1px solid #fcc;margin-bottom:20px;text-align:center}.dashboard-container{min-height:100vh;background:#f5f5f5;overflow-x:hidden}.ecomos-header{display:flex;justify-content:space-between;align-items:center;padding:24px 16px 16px;background:var(--card);border-bottom:none;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.dashboard-main{padding:16px;display:flex;flex-direction:column;gap:16px}.welcome-widget,.profile-widget,.actions-widget{background:var(--card);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);transition:all .2s ease}.welcome-widget{text-align:center;background:linear-gradient(135deg,var(--primary) 0%,hsl(224,93%,50%) 100%);color:var(--primary-foreground);border:none}.welcome-title{font-size:28px;font-weight:500;margin:0;font-family:var(--font-sans)}.widget-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 20px;font-family:var(--font-sans)}.profile-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--muted-foreground);font-size:15px;font-family:var(--font-sans)}.detail-value{color:var(--foreground);font-size:15px;font-weight:500;font-family:var(--font-sans)}.actions-widget{display:flex;gap:12px}.action-button{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans)}.action-button.primary{background:var(--primary);color:var(--primary-foreground)}.action-button.primary:hover{background:#0948f6;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.action-button.secondary{background:var(--secondary);color:var(--primary);border:1px solid var(--border)}.action-button.secondary:hover{background:var(--accent);border-color:var(--primary);transform:translateY(-1px)}.dashboard-title{font-size:20px;font-weight:500;color:var(--foreground)}.app-logo{width:40px;height:40px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-weight:700;font-size:18px}.app-name{font-size:32px;font-weight:500;color:var(--foreground);margin:0;font-family:var(--font-sans)}.user-icon{width:40px;height:40px;border-radius:8px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--muted-foreground)}.user-icon:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.welcome-section{margin:16px 0;text-align:center}.welcome-text{font-size:18px;font-weight:400;color:var(--foreground);margin:0}.logout-button{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.dashboard-content{display:flex;justify-content:center}.profile-info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 6px #20212447;max-width:600px;width:100%}.card-title{font-size:18px;font-weight:500;color:var(--foreground);margin-bottom:20px;text-align:center}.info-grid{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #1a73e8}.info-item label{font-weight:500;color:var(--foreground);font-size:14px}.info-item span{color:#5f6368;font-weight:400;font-size:14px}.billing-toggle-container{display:flex;justify-content:center;margin-bottom:20px}.billing-toggle{display:flex;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px}.billing-option{padding:12px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--muted-foreground);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:140px;text-align:center}.billing-option.active{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0000001a}.billing-option small{font-size:11px;opacity:.8}.pricing-header{text-align:center;margin-bottom:32px}.pricing-subtitle{font-size:16px;color:#5f6368;margin:0}.pricing-container{display:flex;flex-direction:column;gap:20px;max-width:100%;margin:0 auto;padding:0 16px}.pricing-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 6px #20212447;border:2px solid transparent;transition:all .2s ease;width:100%;max-width:100%;box-sizing:border-box}.pricing-card.featured{border-color:#1a73e8;position:relative}.best-offer-badge{position:absolute;top:-8px;right:20px;background:#f44;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-card:hover{box-shadow:0 4px 20px #2021244d}.pricing-card-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e8eaed}.pricing-plan-name{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 8px}.pricing-plan-description{font-size:14px;color:#5f6368;margin:0 0 16px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-main{font-size:32px;font-weight:600;color:var(--primary)}.price-period{font-size:16px;color:#5f6368}.pricing-features{margin-bottom:24px;max-height:none}.pricing-feature{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f3f4;gap:16px}.pricing-feature:last-child{border-bottom:none}.feature-name{font-size:14px;color:var(--foreground);font-weight:500;flex:1;text-align:left}.feature-value{font-size:14px;color:#5f6368;text-align:right;flex-shrink:0;max-width:150px;word-wrap:break-word}.pricing-buy-button{width:100%;padding:12px 24px;border:2px solid #1a73e8;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:var(--primary)}.pricing-buy-button.primary{background:var(--primary);color:#fff}.pricing-buy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.pricing-buy-button.primary:hover{background:#1557b0}.pricing-toggle-mobile{display:block;margin:16px 0}.pricing-details-toggle{width:100%;padding:12px 16px;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:500;color:var(--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.pricing-details-toggle:hover{background:#e8f0fe;border-color:#1a73e8}.toggle-icon{font-size:12px;transition:transform .2s ease}.pricing-features.collapsed{max-height:0;overflow:hidden;transition:max-height .3s ease-out;margin-bottom:0}.pricing-features.expanded{max-height:1000px;transition:max-height .5s ease-in;margin-bottom:24px}@media (min-width: 769px){.pricing-toggle-mobile{display:block}}.submit-button.secondary{background:#fff;color:var(--primary);border:2px solid #1a73e8}.submit-button.secondary:hover{background:#f8f9fa}@media (max-width: 768px){.ecomos-header{padding:8px 12px}.header-left{gap:8px}.app-name{font-size:1.25rem}.user-icon{width:36px;height:36px;font-size:16px}.dashboard-main{padding:12px;gap:12px}.welcome-widget,.profile-widget,.actions-widget{padding:16px}.welcome-title{font-size:20px}.widget-title{font-size:16px}.actions-widget{flex-direction:column}.action-button{width:100%}.login-card,.profile-card,.profile-info-card{margin:0 10px;padding:30px 20px}.login-title,.profile-title{font-size:1.25rem}.pricing-container{grid-template-columns:1fr;gap:20px}.pricing-toggle-mobile{display:block!important}.pricing-features:not(.expanded){max-height:0;overflow:hidden;margin-bottom:0}.pricing-card.featured{transform:none}.feature-value{max-width:150px;font-size:12px}}.pwa-install-container{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:320px;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001f;border:1px solid var(--border);display:flex;gap:16px;align-items:flex-start}.pwa-install-icon{font-size:24px;flex-shrink:0;margin-top:4px}.pwa-install-content h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--foreground)}.pwa-install-content p{margin:0 0 16px;font-size:14px;color:var(--muted-foreground);line-height:1.4}.pwa-install-buttons{display:flex;flex-direction:column;gap:8px}.pwa-install-button{background:var(--primary);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.pwa-install-button:hover{background:#1557b8;transform:translateY(-1px)}.pwa-dismiss-button{background:transparent;color:var(--muted-foreground);border:1px solid var(--border);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.pwa-dismiss-button:hover{background:var(--background);color:var(--foreground)}@media (max-width: 480px){.pwa-install-container{bottom:80px;left:20px;right:20px;max-width:none}.pwa-install-card{padding:16px}.pwa-install-buttons{flex-direction:row}.pwa-install-button,.pwa-dismiss-button{flex:1}}.profile-menu-container{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid var(--border);min-width:280px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.profile-avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:12px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:var(--border);margin:0 8px}.profile-dropdown-actions{padding:8px}.profile-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:14px;color:var(--foreground);cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);text-align:left}.profile-menu-item:hover{background:var(--background)}.profile-menu-item.logout-item{color:#ef4444}.profile-menu-item.logout-item:hover{background:#fef2f2}.user-icon{padding:8px;border-radius:50%;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.user-icon:hover{background:var(--background)}.back-button{background:transparent;color:var(--muted-foreground);border:1px solid var(--border);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);display:flex;align-items:center;gap:4px}.back-button:hover{background:var(--background);color:var(--foreground)}.header-right{display:flex;align-items:center;gap:8px}