.page-header{width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.page-title{margin:0;color:#111827;font-size:24px;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.content-card{width:100%;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.search-field,.filter-field{width:300px}.search-field-wide{width:400px}.grid-container{width:100%;height:100%;padding:0}.btn-add{background-color:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover{background-color:#059669;box-shadow:0 2px 4px #10b9814d}.btn-refresh{background-color:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover{background-color:#4f46e5;box-shadow:0 2px 4px #6366f14d}.btn-edit{background-color:#f59e0b;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit:hover{background-color:#d97706;box-shadow:0 2px 4px #f59e0b4d}.btn-delete{background-color:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete:hover{background-color:#dc2626;box-shadow:0 2px 4px #ef44444d}.btn-save{background-color:#10b981;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{background-color:#059669;box-shadow:0 2px 4px #10b9814d}.dialog-overlay{border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header{width:100%;padding-bottom:16px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.dialog-title{margin:0;color:#111827;flex-grow:1}.dialog-content{background-color:#fff;padding:20px}.dialog-footer{width:100%;padding-top:16px;display:flex;justify-content:flex-end}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.btn-close:hover{background-color:#f3f4f6;color:#111827}.customers-view{width:100%;height:100%}.customers-view .page-header{width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.customers-view .page-title{margin:0;color:#111827;font-size:24px;font-weight:600}.customers-view .header-actions{display:flex;gap:12px;align-items:center}.customers-view .search-field{width:300px}.customers-view .content-card{width:100%;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.customers-view .grid-container{width:100%;height:100%;padding:0}.brands-view,.countries-view,.states-view,.stores-view,.stores-management-view,.promotions-view,.store-staff-view,.transaction-management-view,.template-configuration-view,.user-management-view{width:100%;height:100%}.user-management-view .toggle-button{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.role-management-view,.screen-management-view,.dashboard-view{width:100%;height:100%}.dashboard-view .welcome-header{margin-bottom:20px}.dashboard-view .metrics-cards{width:100%;margin-bottom:20px}.dashboard-view .metric-card{flex:1;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;min-height:140px;position:relative;overflow:hidden}.dashboard-view .quick-actions-panel,.dashboard-view .recent-activity-panel{width:50%;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dashboard-view .action-button{display:flex;align-items:center;padding:16px;margin-bottom:8px;background-color:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease}.dashboard-view .action-button:hover{background-color:#e3f2fd;transform:translate(4px)}.analytics-view{width:100%;height:100%}.analytics-view .date-picker{width:200px}.analytics-view .charts-container{width:100%;height:100%;padding:20px}.reports-view{width:100%;height:100%}.reports-view .report-config-panel{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.reports-view .report-preview-panel{width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:400px}.reports-view .date-picker{width:200px}.reports-view .filter-combo{width:250px}.user-screen-authorization-view{width:100%;height:100%}.dashboard-view{width:100%;height:100%;padding:24px;box-sizing:border-box}.dashboard-header-title{margin:0;color:#1976d2}.dashboard-header-subtitle{color:#666;font-size:14px}.dashboard-title-layout{margin-bottom:20px}.dashboard-metrics-cards{width:100%;margin-bottom:20px;display:flex;gap:16px}.dashboard-metric-card{flex:1;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.dashboard-metric-icon{position:absolute;right:20px;top:20px;opacity:.3;font-size:48px}.dashboard-metric-label{display:block;font-size:14px;font-weight:500;margin-bottom:12px;opacity:.9}.dashboard-metric-value{display:block;font-size:36px;font-weight:700;line-height:1}.dashboard-content-section{width:100%;display:flex;gap:16px}.dashboard-quick-actions{width:50%;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-action-button{display:flex;align-items:center;padding:16px;margin-bottom:8px;background-color:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease}.dashboard-action-button:hover{background-color:#e3f2fd;transform:translate(4px)}.dashboard-action-button:active{background-color:#f8f9fa;transform:translate(0)}.dashboard-action-icon{color:#1976d2;margin-right:12px;font-size:24px}.dashboard-action-label{color:#333;font-weight:500}.dashboard-quick-actions h3{margin-top:0;color:#333}.dashboard-recent-activity{width:50%;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-recent-activity h3{margin-top:0;color:#333}.dashboard-no-activity{color:#999;font-style:italic;padding:20px 0}html{--lumo-shade-5pct: #fff;font-size:13px;font-weight:300;color:#222}body{font-size:13px;font-weight:300;color:#222}:host{background:none!important}vaadin-dialog-overlay [part=content]{padding:0!important}vaadin-dialog-overlay::part(content){padding:0!important}:host([theme~="padding"]){padding:.5em!important}vaadin-grid-cell-content{line-height:40px!important}vaadin-text-field::part(input-field),vaadin-text-area::part(input-field),vaadin-password-field::part(input-field),vaadin-email-field::part(input-field),vaadin-number-field::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field){background:transparent!important;background-color:transparent!important;border:1px solid #d1d5db!important;border-radius:6px!important}vaadin-text-field:hover::part(input-field),vaadin-text-area:hover::part(input-field),vaadin-password-field:hover::part(input-field),vaadin-email-field:hover::part(input-field),vaadin-number-field:hover::part(input-field),vaadin-combo-box:hover::part(input-field),vaadin-date-picker:hover::part(input-field){background:transparent!important;background-color:transparent!important;border-color:#9ca3af!important;cursor:pointer!important}vaadin-text-field:focus-within::part(input-field),vaadin-text-area:focus-within::part(input-field),vaadin-password-field:focus-within::part(input-field),vaadin-email-field:focus-within::part(input-field),vaadin-number-field:focus-within::part(input-field),vaadin-combo-box:focus-within::part(input-field),vaadin-date-picker:focus-within::part(input-field){background:transparent!important;background-color:transparent!important;border-color:#6366f1!important;outline:none!important;cursor:pointer!important}vaadin-combo-box::part(toggle-button){cursor:pointer!important}.header-filter-text-field{width:150px!important;padding-right:2px!important}.header-filter-search-button vaadin-icon{font-size:28px!important;font-weight:700!important;color:#222!important}.header-filter-search-button{padding:0 8px!important;min-width:40px;display:flex;align-items:center;justify-content:center}.header-filter-combobox,.header-filter-datepicker{width:150px!important}.header-vaadin-horizontal-layout{height:22px!important;min-height:22px!important;max-height:22px!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.header-filter-filters-layout{display:flex;align-items:center}.header-filter-or-label{font-size:12px;color:#666;margin:0 8px;display:flex;align-items:center;height:100%}.header-filter-info-icon{width:14px;color:#6b7280;cursor:pointer;display:flex;margin-top:10px}vaadin-text-field[readonly]::part(input-field),vaadin-text-area[readonly]::part(input-field),vaadin-password-field[readonly]::part(input-field),vaadin-email-field[readonly]::part(input-field),vaadin-number-field[readonly]::part(input-field){background:transparent!important;background-color:transparent!important;border:1px solid #d1d5db!important;border-radius:6px!important;border-style:solid!important}input{background:none!important;color:#222;box-shadow:none;transition:border-color .2s;margin-left:-5px!important}[part=input-field]{background-color:none!important}.admin-login-root{width:100vw;height:100vh;background:#f5f5f5}.admin-login-main-layout{width:100vw;height:100vh;display:flex}.admin-login-left-pane{background:linear-gradient(135deg,#fb4c00 0%,#ff9800 100%);display:flex;align-items:stretch;justify-content:center;width:100%;height:100vh;min-height:100vh}.goblin-left-title{color:#fff;letter-spacing:2px;margin-top:48px;margin-bottom:0;text-align:center;width:100%}.goblin-left-tagline-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:48px}.goblin-left-tagline{color:#fff;opacity:.95;margin:0;text-align:center}.admin-login-right-pane{background:#f5f5f5;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;min-height:100vh}.admin-login-form{display:flex;flex-direction:column;gap:25px;min-width:50%;max-width:50%}.admin-login-form .admin-header{margin-bottom:0;color:#22223b;font-weight:700;font-size:2rem;text-align:center}.admin-login-subtitle{margin-bottom:18px;color:#666;font-size:1rem;text-align:center;font-weight:400}.admin-header-container{background-color:#f8f9fa;padding:6px 12px;border-bottom:1px solid #e5e7eb;gap:24px}.header-logo-button{color:#fff;padding:5px 15px;border-radius:20px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.header-logo-button:hover{background-color:#e55a2b}.header-logo-text{font-size:14px;font-weight:600;letter-spacing:.5px}.header-logo-img{height:24px;width:24px;object-fit:cover}.header-nav-menu{display:flex;gap:8px;align-items:center}.header-nav-button{padding:8px 16px;border-radius:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#374151}.header-nav-group-active,.header-nav-item-active{background-color:#9bb166!important;color:#000!important}.header-nav-button:hover{background-color:#f3f4f6}.nav-dropdown-icon{width:14px;height:14px;color:#6b7280}.header-user-button{padding:6px 12px;border-radius:20px;cursor:pointer;transition:background-color .2s;gap:10px}.header-user-button:hover{background-color:#f3f4f6}.header-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.header-username{font-size:14px;font-weight:500;color:#111827}.header-dropdown-icon{width:16px;height:16px;color:#6b7280}.admin-login-text-field{background:none!important;box-shadow:none;transition:border-color .2s;min-width:0}.admin-login-password-field{box-shadow:none;transition:border-color .2s;min-width:0}.admin-text-field{padding:8px 12px;box-shadow:none;transition:border-color .2s;min-width:0;width:100%}.admin-text-field:focus{border-color:#6366f1;outline:none}.admin-dropdown{border-radius:6px;background:#fafafa;box-shadow:none;transition:border-color .2s;cursor:pointer;min-width:0;width:100%}.admin-dropdown:focus{border-color:#6366f1;outline:none}.admin-grid{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}.admin-grid .vaadin-grid-cell{padding:10px 16px;border-bottom:1px solid #f3f4f6}.admin-grid .vaadin-grid-header-cell{background:#f3f4f6;font-weight:600;color:#374151}.admin-login-button{border-radius:6px;background:#6366f1;color:#fff;font-size:15px;border:none;box-shadow:none}.admin-button{border-radius:6px;background:#6366f1;color:#fff;font-size:15px;padding:8px 16px;border:none;box-shadow:none;transition:background .2s;min-width:100px}.admin-button:hover{background:#4f46e5}.dialog-close-button{border:none;background:transparent;color:#6b7280;cursor:pointer;transition:color .2s}.admin-dialog{border-radius:8px;background:#fff}.admin-form-container{width:100%;display:flex;flex-direction:column;gap:16px}.admin-form-row{display:flex;gap:16px;width:100%}.admin-form-row>*{flex:1;min-width:0}.admin-dialog-title-bar{margin:0;padding:0 0 16px;border-bottom:1px solid #e5e7eb}.admin-button-layout{margin-top:0;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.admin-dialog-layout{padding:20px 24px;gap:16px}.admin-preview-image{width:150px;margin-top:10px}.admin-header{font-size:24px;font-weight:200;color:#111827}.admin-addoredit-header-title{font-size:24px;font-weight:200;color:#111827;margin:0}.admin-checkbox{margin:20px 0;accent-color:#6366f1;min-width:0;width:100%}.admin-notification{border-radius:6px;padding:12px 20px}.admin-upload{border-radius:6px;padding:12px;min-width:0;width:100%}.admin-layout{background:#fff;border-radius:8px}.admin-login-text-field::part(input-field),.admin-login-password-field::part(input-field){background:#fff!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important}.admin-login-text-field:hover::part(input-field),.admin-login-password-field:hover::part(input-field){background:#fff!important;background-color:#fff!important;border-color:#9ca3af!important}.admin-login-text-field:focus-within::part(input-field),.admin-login-password-field:focus-within::part(input-field){background:#fff!important;background-color:#fff!important;border-color:#6366f1!important;outline:none!important}.admin-login-button{border-radius:6px;background:#6366f1!important;color:#fff!important;font-size:15px;border:none;box-shadow:none;cursor:pointer;transition:background .2s}.admin-login-button:hover{background:#4f46e5!important}.header-vaadin-horizontal-layout{height:20px!important;min-height:20px!important;max-height:20px!important}.grid-pagination-icon{font-size:1rem;font-weight:700;width:2.5rem;height:2.5rem}.grid-pagination-range-label{font-size:.9rem;color:#666}.app-header{height:60px;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7eb}.side-menu{background:#f5f6fa;height:100%}.side-menu-item{padding:12px 16px;cursor:pointer}.side-menu-item:hover{background:#ececec;width:100%}.side-submenu-item{padding:10px 32px;font-size:14px}.side-submenu-item:hover{background:#e0e0e0;width:100%}.active{background:#d6e4ff;font-weight:700;width:100%}@font-face{font-family:LatoLight;src:url(/fonts/Lato-Light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LatoBold;src:url(/fonts/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html{--lumo-font-family: "LatoRegular", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--lumo-font-family)}body,h1,h2,h3,h4,h5,h6,p,span,div,button,input,textarea,select{font-family:var(--lumo-font-family)}h1,h2,h3,h4,h5,h6{font-family:LatoBold,Lato,sans-serif;font-weight:700;letter-spacing:.2px}body{font-family:Inter;font-weight:400;line-height:1.6}button{font-family:LatoBold,Lato,sans-serif;font-weight:700;letter-spacing:.2px;text-transform:uppercase}input,textarea,select{font-family:LatoRegular,Lato,sans-serif;font-weight:400}.fs-49{font-size:49px}.fs-42{font-size:42px}.fs-35{font-size:35px}.fs-28{font-size:28px}.fs-21{font-size:21px}.fs-18{font-size:18px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-12{font-size:12px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f5f7fa!important}vaadin-app-layout [slot=drawer],vaadin-app-layout::part(content){background-color:#f5f7fa}vaadin-context-menu-overlay{--vaadin-overlay-viewport-bottom: auto !important}vaadin-context-menu-overlay::part(overlay){background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:200px;left:0!important;right:auto!important}vaadin-context-menu-overlay[opening]{animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}vaadin-context-menu-item{padding:12px 16px;font-size:14px;color:#374151;cursor:pointer;transition:background-color .15s ease}vaadin-context-menu-item:hover{background-color:#f3f4f6}vaadin-context-menu-item:active{background-color:#e5e7eb}vaadin-text-field.text-error::part(input-field){box-shadow:0 0 0 1px red}