@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');:root{color-scheme: dark;--lime: #A4FF00;--orange: #FF8C00;--dark-bg: #0a0a0c;--mid-bg: #111115;--lumo-base-color: #0a0a0c;--lumo-primary-color: #A4FF00;--lumo-primary-text-color: #000000;--lumo-error-color: #FF5252;--lumo-success-color: #A4FF00;--lumo-warning-color: #FF8C00;--lumo-success-color-10pct: rgba(164,255,0,0.10);--lumo-error-color-10pct: rgba(255,82,82,0.10);--lumo-warning-color-10pct: rgba(255,140,0,0.12);--lumo-body-text-color: #ffffff;--lumo-secondary-text-color: #b0b0b0;--lumo-tint: rgba(164,255,0,0.06);--lumo-contrast-5pct: rgba(255,255,255,0.05);--lumo-contrast-10pct: rgba(255,255,255,0.10);--lumo-contrast-20pct: rgba(255,255,255,0.20);--lumo-font-family: 'Inter',sans-serif;--lumo-border-radius-m: 8px;--aura-accent-color-dark: #A4FF00;--aura-background-color-dark: #0a0a0c;--aura-app-background: var(--dark-bg);--glass-bg: rgba(255,255,255,0.05);--glass-border: rgba(255,255,255,0.10);--glass-blur: 12px;--glass-radius: 20px}html,body{background-color: var(--dark-bg);background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url('/img/limespace-background-1920.png');background-attachment: fixed;background-size: cover;background-position: center;font-family: var(--lumo-font-family);color: #ffffff}.site-logo{height: 36px;object-fit: contain}.site-logo--sm{height: 28px;object-fit: contain}.glass-card{background: var(--glass-bg);border: 1px solid var(--glass-border);backdrop-filter: blur(var(--glass-blur));border-radius: var(--glass-radius);transition: border-color 0.3s,transform 0.3s;padding: 40px 36px}.glass-card--login{padding: 48px 40px;max-width: 400px;width: 100%;text-align: center}.glass-card:hover{border-color: var(--lime);transform: translateY(-4px)}.glass-card.selected{border-color: var(--lime);box-shadow: 0 0 20px rgba(164,255,0,0.2)}.gradient-text{background: linear-gradient(45deg,var(--lime),var(--orange));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.gradient-heading{margin: 0 0 8px;font-size: 28px;font-weight: 700;background: linear-gradient(45deg,var(--lime),var(--orange));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.page-dark{background: var(--dark-bg);min-height: 100vh}.wizard-wrapper{max-width: 560px;width: 100%;margin: 0 auto;padding: 40px 24px}.wizard-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px}.admin-page{padding: 28px 32px}.step-indicator{display: flex;gap: 8px;align-items: center;justify-content: center}.step-dot{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.15);transition: all 0.2s ease}.step-dot.completed{background: var(--lime);opacity: 0.5}.step-dot.current{background: var(--lime);width: 24px;border-radius: 5px;opacity: 1}.logo-text{font-size: 22px;font-weight: 700;color: var(--lime);letter-spacing: -0.5px}.logo-gradient{font-size: 22px;font-weight: 800;background: linear-gradient(90deg,var(--lime),var(--orange));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;display: block;margin-bottom: 4px}.admin-badge{font-size: 11px;font-weight: 700;color: var(--lime);letter-spacing: 0.1em;display: block;margin-bottom: 32px}.subtitle{color: var(--lumo-secondary-text-color);font-size: 15px;margin: 0 0 24px}.hint-text{color: var(--lime);font-size: 13px;margin: 8px 0 0;min-height: 20px}.text-muted{color: #888}.text-secondary{color: var(--lumo-secondary-text-color)}.text-lime{color: var(--lime)}.text-orange{color: var(--orange)}.text-error{color: var(--lumo-error-color)}.text-white{color: #ffffff}.page-title{color: #ffffff;margin: 0;font-size: 22px;font-weight: 700}.detail-title{font-size: 24px;font-weight: 700;color: #ffffff}.section-title{color: var(--lumo-secondary-text-color);font-size: 13px;font-weight: 600;margin: 0 0 10px;text-transform: uppercase;letter-spacing: 0.05em}.login-heading{color: #ffffff;font-size: 26px;font-weight: 700;margin: 0 0 8px}.login-subtitle{color: #777;font-size: 14px;margin: 0 0 32px}.login-dev-note{color: #666;font-size: 11px;margin-top: 24px;margin-bottom: 0}.error-box{background: rgba(255,68,68,0.12);border: 1px solid rgba(255,68,68,0.3);border-radius: 10px;padding: 12px 16px;color: #ff8888;font-size: 13px;margin-bottom: 20px;text-align: left}.info-note{color: #888;font-size: 13px;background: rgba(255,255,255,0.05);border-radius: 10px;padding: 12px 16px;margin: 16px 0 24px}.navbar{padding: 20px 48px;border-bottom: 1px solid rgba(255,255,255,0.07)}.hero-section{padding: 80px 24px 60px;text-align: center}.hero-headline{font-size: clamp(36px,6vw,72px);font-weight: 800;color: #ffffff;line-height: 1.1;margin: 0 0 20px}.hero-subtitle{font-size: 18px;color: var(--lumo-secondary-text-color);margin: 0 0 40px;max-width: 480px}.feature-cards{padding: 0 24px 80px;flex-wrap: wrap;gap: 20px}.feature-card{background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: var(--glass-radius);backdrop-filter: blur(var(--glass-blur));padding: 28px 24px;max-width: 280px;min-width: 220px;transition: border-color 0.2s,transform 0.2s;cursor: pointer}.feature-card:hover{border-color: var(--lime);transform: translateY(-4px)}.feature-card__icon{font-size: 32px}.feature-card__title{color: #ffffff;margin: 12px 0 8px;font-size: 18px}.feature-card__desc{color: #888;font-size: 14px;margin: 0}.selection-card{background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 16px;padding: 20px 16px;cursor: pointer;flex: 1;transition: border-color 0.15s,box-shadow 0.15s,transform 0.15s}.selection-card:hover{border-color: rgba(164,255,0,0.4)}.selection-card.selected{border-color: var(--lime);box-shadow: 0 0 0 2px rgba(164,255,0,0.25);transform: translateY(-2px)}.selection-card--region{padding: 18px 14px}.selection-card__icon{font-size: 28px;display: block;margin-bottom: 8px}.selection-card__icon--lg{font-size: 32px;display: block;margin-bottom: 8px}.selection-card__name{font-size: 14px;font-weight: 600;color: #ffffff;display: block}.selection-card__desc{font-size: 12px;color: #888;display: block;margin-top: 4px}.selection-card__desc--sm{font-size: 11px;color: #888;display: block;margin-top: 4px}.region-cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 12px;width: 100%}vaadin-badge[theme~="contrast"]{--lumo-contrast: rgba(102,153,255,0.15);--lumo-primary-color: #6699ff;--lumo-primary-text-color: #6699ff;background: rgba(102,153,255,0.15) !important;color: #6699ff !important}vaadin-badge.badge--region{margin-top: 10px}.plan-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 12px;width: 100%}.plan-card{background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 16px;padding: 20px 16px;cursor: pointer;transition: border-color 0.15s,box-shadow 0.15s}.plan-card.selected{border-color: var(--lime);box-shadow: 0 0 0 2px rgba(164,255,0,0.25)}.plan-card--enterprise{cursor: default}.plan-card__name{font-size: 12px;font-weight: 700;letter-spacing: 0.08em;color: var(--lime);display: block;margin-bottom: 8px}.plan-card__price{font-size: 22px;font-weight: 700;color: #ffffff;display: block}.plan-card__price--free{color: var(--lime)}.plan-card__price--enterprise{font-size: 18px;color: #888}.plan-card__users{font-size: 12px;color: #888;display: block;margin-top: 8px}.plan-card__storage{font-size: 12px;color: #888;display: block}.plan-badge{background: linear-gradient(45deg,var(--lime),var(--orange));color: #000000;font-size: 10px;font-weight: 700;padding: 2px 8px;border-radius: 4px;display: inline-block;margin-top: 8px}.plan-contact{color: #666;font-size: 12px;margin: 8px 0 0}.toggle-group{background: rgba(255,255,255,0.07);border-radius: 10px;padding: 3px;gap: 4px}.toggle-btn{border-radius: 7px;border: none}.toggle-btn--active{background: var(--lime);color: #000000;font-weight: 700}.toggle-btn--inactive{background: transparent;color: #888;font-weight: 400}.nav-row{margin-top: 24px}.order-summary{background: rgba(164,255,0,0.06);border: 1px solid rgba(164,255,0,0.15);border-radius: 12px;padding: 16px 20px;margin: 16px 0}.order-summary__label{font-size: 12px;color: #888;text-transform: uppercase;letter-spacing: 0.08em;display: block;margin-bottom: 8px}.order-summary__plan{color: #ffffff;font-size: 15px;font-weight: 600}.order-summary__price{color: var(--lime);font-size: 20px;font-weight: 700;float: right}.payment-fields{display: flex;flex-direction: column;gap: 12px}.summary-box{background: rgba(164,255,0,0.06);border: 1px solid rgba(164,255,0,0.15);border-radius: 12px;padding: 16px 20px;text-align: left;margin: 8px 0}.summary-row{display: flex;justify-content: space-between;padding: 4px 0}.summary-row__label{color: #888;font-size: 13px}.summary-row__value{color: #ffffff;font-size: 13px;font-weight: 600}.icon-check{font-size: 64px;color: var(--lime);display: block;margin-bottom: 20px;line-height: 1;text-align: center}.icon-error{font-size: 48px;color: var(--lumo-error-color);display: block;text-align: center;margin-bottom: 16px}.icon-lg{font-size: 56px;display: block;margin-bottom: 20px;text-align: center}.icon-md{font-size: 48px;display: block;text-align: center;margin-bottom: 16px}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.5}}.pulse{animation: pulse 2s infinite}.admin-header-bar{background: var(--dark-bg);border-bottom: 1px solid rgba(255,255,255,0.07);padding: 8px 0}.admin-logo{font-size: 18px;font-weight: 700;color: var(--lime);padding: 0 16px}.admin-drawer{background: var(--dark-bg);min-height: 100vh;padding: 16px 8px;gap: 4px}.admin-nav-item{display: block;padding: 10px 16px;color: var(--lumo-secondary-text-color);text-decoration: none;border-radius: 10px;font-size: 14px;transition: background 0.15s,color 0.15s}.admin-nav-item:hover{background: rgba(255,255,255,0.07);color: #ffffff}.admin-nav-separator{border-top: 1px solid rgba(255,255,255,0.07);margin: 8px 0}.admin-sign-out{display: block;padding: 10px 16px;color: #888;border-radius: 10px;font-size: 14px;cursor: pointer;transition: background 0.15s,color 0.15s}.admin-sign-out:hover{background: rgba(255,255,255,0.07);color: #ffffff}.admin-grid{background: rgba(255,255,255,0.03);border-radius: 12px;border: 1px solid rgba(255,255,255,0.07)}.metric-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 12px;margin-bottom: 16px}.metric-card{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 16px 20px}.metric-card__label{font-size: 11px;color: #777;text-transform: uppercase;letter-spacing: 0.06em;display: block;margin-bottom: 6px}.metric-card__value{font-size: 22px;font-weight: 700;color: #ffffff;display: block}.metric-card__sub{font-size: 12px;color: #777;display: block}.detail-section{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;padding: 20px}.polled-at{color: #777;font-size: 12px}.no-data{color: #777;font-size: 14px}vaadin-button[theme~="primary"]{background: linear-gradient(45deg,var(--lime),#82cc00);border-radius: var(--lumo-border-radius-m);font-weight: 600;transition: transform 0.2s,box-shadow 0.2s}vaadin-button[theme~="primary"]::part(label){color: #000000}vaadin-button[theme~="primary"]:hover{transform: translateY(-1px);box-shadow: 0 5px 15px rgba(164,255,0,0.3)}vaadin-button:not([theme~="primary"]):not([theme~="tertiary"]){background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.10);border-radius: var(--lumo-border-radius-m);backdrop-filter: blur(5px)}vaadin-button:not([theme~="primary"]):not([theme~="tertiary"]):hover{transform: translateY(-1px);box-shadow: 0 5px 15px rgba(164,255,0,0.2)}vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-combo-box::part(input-field){background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--lumo-border-radius-m)}vaadin-text-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field),vaadin-combo-box:focus-within::part(input-field){border-color: var(--lime);box-shadow: 0 0 0 2px rgba(164,255,0,0.15)}vaadin-tabs{background: transparent;border-bottom: 1px solid rgba(255,255,255,0.07);margin-bottom: 5px}