.layout{display:flex;min-height:100vh;background-color:var(--color-bg)}.mobile-header{display:none;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:1000}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);transition:var(--transition-fast);cursor:pointer}.mobile-menu-btn:hover{background-color:var(--color-hover)}.mobile-title{margin-left:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard-drawer{width:280px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow:hidden}.dashboard-drawer.closed{width:100px}.dashboard-drawer.closed .nav-label,.dashboard-drawer.closed .profile-info{display:none}.dashboard-drawer.closed .sign-out-btn span:not(.sign-out-icon){display:none}.dashboard-drawer.closed .user-profile{justify-content:center;padding:var(--spacing-sm)}.dashboard-drawer.closed .drawer-logo{display:none}.drawer-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:var(--spacing-md)}.dashboard-drawer.closed .drawer-header{padding:var(--spacing-lg);justify-content:center}.drawer-logo{flex:1;min-width:0;overflow:hidden}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:var(--letter-spacing-tight)}.drawer-toggle{background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0;width:32px;height:32px}.drawer-toggle:hover{background:var(--color-hover)}.dashboard-drawer.closed .drawer-toggle{width:100%;justify-content:center}.drawer-nav{flex:1;padding:var(--spacing-lg);overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:var(--spacing-sm);white-space:nowrap;overflow:hidden;text-decoration:none}.dashboard-drawer.closed .nav-item{padding:var(--spacing-md);justify-content:center}.nav-item:hover{background:var(--color-hover)}.nav-item:focus{color:var(--color-primary);outline:none;outline-offset:none}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:20px;height:20px;stroke:var(--color-text-muted);transition:all var(--transition-fast)}.nav-item.active .nav-icon svg{stroke:var(--color-primary);filter:drop-shadow(0 0 2px rgba(76,26,163,.3))}.nav-item:hover .nav-icon svg{stroke:var(--color-primary)}.nav-label{flex:1}.drawer-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-md)}.user-profile{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-variant);border-radius:var(--radius-lg)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-org{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out-btn{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.sign-out-btn:hover{background:var(--color-hover);border-color:var(--color-border-strong)}.sign-out-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sign-out-icon svg{width:18px;height:18px;stroke:var(--color-text)}.dashboard-drawer.closed .sign-out-btn{justify-content:center;padding:var(--spacing-md)}.main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh}.main-content.drawer-closed{margin-left:100px}.content-wrapper{flex:1;padding:var(--spacing-xl);overflow-y:auto}@media (max-width: 768px){.mobile-header{display:flex}.dashboard-drawer{transform:translate(-100%);width:280px}.dashboard-drawer.mobile-open{transform:translate(0)}.dashboard-drawer.closed{width:280px}.main-content{margin-left:0;padding-top:80px}.main-content.drawer-closed{margin-left:0}.content-wrapper{padding:var(--spacing-md)}}.mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:99;display:none}@media (max-width: 768px){.mobile-overlay{display:block}}.split-view-container{min-height:100vh;display:flex;background:linear-gradient(135deg,#f7f7f8,#fff)}.hero-pane{flex:1;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-3xl);position:relative;overflow:hidden}.hero-pane:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{max-width:500px;text-align:left;color:#fff;z-index:1;position:relative;padding-left:var(--spacing-3xl)}.hero-title{font-size:3rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;line-height:1.1;letter-spacing:var(--letter-spacing-tight)}.hero-subtitle{font-size:var(--font-size-lg);margin:0 0 var(--spacing-3xl) 0;opacity:.9;line-height:var(--line-height-relaxed)}.hero-features{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-md);opacity:.9}.feature-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.form-pane{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--color-bg)}.form-wrapper{max-width:400px;width:100%;padding:var(--spacing-xl);text-align:center;position:relative}.form-header{margin-bottom:var(--spacing-2xl)}.form-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0;letter-spacing:var(--letter-spacing-tight)}.form-header p{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0;line-height:var(--line-height-relaxed)}.form-wrapper form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.forgot-password-link{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--color-primary-hover);text-decoration:underline}.error-message{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center}.success-message{padding:var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#22c55e;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg);text-align:left}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input::placeholder{color:var(--color-text-muted)}.form-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.form-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.form-button:active{transform:translateY(0)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:var(--spacing-xl)}.form-footer p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)!important;color:var(--color-text-muted);margin:0}.form-footer-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-md) 0 0 0}.login-method-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-xs)}.login-method-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.login-method-tab.active{background:var(--color-surface-variant);color:var(--color-text);box-shadow:0 1px 4px #0f172a1a;border-bottom:2px solid var(--color-primary)}.manager-login-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);text-align:left}.manager-login-label{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.manager-login-button{margin-top:0}.secondary-button{margin-top:var(--spacing-sm);background:var(--color-surface-variant);color:var(--color-text)}.secondary-button:hover{box-shadow:0 2px 8px #0f172a1a}.link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.link:hover{color:var(--color-primary-hover)}.link-inline{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}.link-inline:hover{text-decoration:underline}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text);cursor:pointer}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label span{-webkit-user-select:none;user-select:none}@media (max-width: 768px){.split-view-container{flex-direction:column}.hero-pane{min-height:40vh;padding:var(--spacing-xl)}.hero-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.form-pane{padding:var(--spacing-lg)}.form-wrapper{padding:var(--spacing-xl)}.form-header h1{font-size:var(--font-size-2xl)}.form-input{padding:var(--spacing-sm) var(--spacing-md)}.form-button{padding:var(--spacing-sm) var(--spacing-lg)}.form-row{grid-template-columns:1fr}.hero-content{padding-left:var(--spacing-lg)}.hero-title{font-size:2rem}.hero-subtitle{font-size:var(--font-size-md)}.hero-features{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-md)}.feature-item{font-size:var(--font-size-sm)}.feature-icon{width:32px;height:32px;font-size:1.2rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-subtle)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:32px;height:32px}.modal-close:hover{background:var(--color-surface-variant);color:var(--color-text)}.modal-close:disabled{opacity:.6;cursor:not-allowed}.modal-body{padding:var(--spacing-xl)}.modal-body p{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.error-message{color:var(--color-danger);margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}.dashboard-container{min-height:100vh;padding:var(--spacing-lg)}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl) 0}.user-info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.user-info p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-fast);position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon{width:60px;height:60px;background:var(--color-primary-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px;stroke:var(--color-primary)}.stat-content{flex:1}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.stat-link{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.stat-link:hover{color:var(--color-primary-hover)}.quick-actions{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border-subtle);margin-top:var(--spacing-xl)}.dash-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.action-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:all var(--transition-fast);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--color-primary);background:var(--color-primary-subtle)}.action-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.action-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.action-card svg{width:32px;height:32px;stroke:url(#gradient-primary)}.recent-activity{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border-subtle);margin-top:var(--spacing-xl)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-fast)}.activity-item:hover{background-color:var(--color-surface-variant)}.activity-icon{width:40px;height:40px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:20px;height:20px;stroke:var(--color-primary)}.activity-content{flex:1}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.activity-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-running,.status-active{background-color:#d1fae5;color:#065f46}.status-completed{background-color:#d1fae5;color:#065f46}.status-unknown{background-color:var(--color-border-subtle);color:var(--color-text-muted)}.activity-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.activity-time{display:flex;align-items:center;gap:var(--spacing-xs)}.activity-messages{font-weight:var(--font-weight-medium)}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.btn-secondary{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-border-subtle);transform:translateY(-1px)}.link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.link:hover{text-decoration:underline}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.stats-grid,.actions-grid{grid-template-columns:1fr}.activity-header,.activity-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.integrations{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.integrations-header{margin-bottom:var(--spacing-lg)}.integrations-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.integrations-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.integrations-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.active-integrations{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.templates-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.templates-content{margin-top:var(--spacing-lg)}.templates-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.integrations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.integration-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.integration-card:hover{box-shadow:var(--shadow-md)}.integration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.integration-info{display:flex;align-items:center;gap:var(--spacing-md)}.status-badges{display:flex;flex-direction:row;gap:var(--spacing-xs)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-connected,.status-valid{background-color:var(--color-success-subtle);color:var(--color-success)}.status-invalid{background-color:var(--color-error-subtle);color:var(--color-error)}.validation-message{font-size:var(--font-size-sm);color:var(--color-error);margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-sm);background-color:var(--color-error-subtle);border-radius:var(--radius-md);border-left:3px solid var(--color-error)}.integration-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.integration-settings{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.integration-settings:hover{background-color:var(--color-hover);color:var(--color-text)}.integration-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.available-providers{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.provider-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-fast)}.provider-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.provider-logo{width:48px;height:48px;background-color:var(--color-primary-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.provider-info{flex:1}.provider-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.provider-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.provider-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.provider-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.provider-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content,.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-floating)}.modal-close{width:32px;height:32px;background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}@media (max-width: 768px){.integrations-tabs{flex-wrap:wrap}.integrations-list,.providers-grid{grid-template-columns:1fr}.provider-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.modal-content{margin:var(--spacing-md)}.modal-actions{flex-direction:column}.integration-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.status-badges{flex-direction:row;flex-wrap:wrap}}.integration-actions{display:flex;align-items:center;gap:8px}.btn-icon{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text-secondary)}.btn-icon:hover{background:var(--color-background-hover);color:var(--color-text-primary)}.btn-icon:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-validate{color:var(--color-success)}.btn-validate:hover{background:var(--color-success-light);color:var(--color-success-dark)}.btn-settings{color:var(--color-text-secondary)}.btn-settings:hover{background:var(--color-background-hover);color:var(--color-primary)}.btn-action{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-connect{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none}.btn-connect:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.btn-connect:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-disconnect{background:var(--color-background-secondary);color:var(--color-text-secondary);border:2px solid var(--color-border-light)}.btn-disconnect:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:var(--color-danger)}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-disconnected{background:var(--color-background-secondary);color:var(--color-text-secondary)}.status-disconnected svg{color:var(--color-text-secondary)}.integration-card.inactive{opacity:.8;border-color:var(--color-border-light);background:var(--color-background-light)}.integration-card.inactive .integration-name{color:var(--color-text-secondary)}.integration-card.inactive .btn-connect{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;box-shadow:0 2px 4px #0000001a}.integration-card.inactive .btn-connect:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.integration-card.inactive .btn-connect:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner.small{width:16px;height:16px;border:2px solid var(--color-border-light);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.btn-add-template{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.btn-add-template:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.btn-add-template:disabled{opacity:.6;cursor:not-allowed;transform:none}.template-modal .modal-content{padding:var(--spacing-xl)}.template-versions{margin-top:var(--spacing-xl)}.versions-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.versions-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:400px;overflow-y:auto}.version-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.version-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-subtle);box-shadow:0 0 0 2px var(--color-primary-subtle)}.version-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.version-status{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-success-subtle);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.version-details{margin-top:var(--spacing-sm)}.version-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.version-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.meta-item{font-size:var(--font-size-xs);background-color:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-error-subtle);color:var(--color-error);border-radius:var(--radius-md);border-left:3px solid var(--color-error);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.template-modal{margin:var(--spacing-sm);max-width:calc(100vw - 2 * var(--spacing-sm))}.version-meta{flex-direction:column;gap:var(--spacing-sm)}.version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.sun-editor{width:auto;height:auto;box-sizing:border-box;font-family:Helvetica Neue;border:1px solid #dadada;background-color:#fff;color:#000;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor *{box-sizing:border-box;-webkit-user-drag:none;overflow:visible}.sun-editor-common button,.sun-editor-common input,.sun-editor-common select,.sun-editor-common textarea{font-size:14px;line-height:1.5}.sun-editor-common blockquote,.sun-editor-common body,.sun-editor-common button,.sun-editor-common code,.sun-editor-common dd,.sun-editor-common div,.sun-editor-common dl,.sun-editor-common dt,.sun-editor-common fieldset,.sun-editor-common form,.sun-editor-common h1,.sun-editor-common h2,.sun-editor-common h3,.sun-editor-common h4,.sun-editor-common h5,.sun-editor-common h6,.sun-editor-common input,.sun-editor-common legend,.sun-editor-common li,.sun-editor-common ol,.sun-editor-common p,.sun-editor-common pre,.sun-editor-common select,.sun-editor-common td,.sun-editor-common textarea,.sun-editor-common th,.sun-editor-common ul{margin:0;padding:0;border:0}.sun-editor-common dl,.sun-editor-common li,.sun-editor-common menu,.sun-editor-common ol,.sun-editor-common ul{list-style:none!important}.sun-editor-common hr{margin:6px 0!important}.sun-editor textarea{resize:none;border:0;padding:0}.sun-editor button{border:0;background-color:transparent;touch-action:manipulation;cursor:pointer;outline:none}.sun-editor button,.sun-editor input,.sun-editor select,.sun-editor textarea{vertical-align:middle}.sun-editor button span{display:block;margin:0;padding:0}.sun-editor button .txt{display:block;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sun-editor button *{pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor svg{fill:currentColor}.sun-editor .se-svg,.sun-editor button>svg{width:16px;height:16px;margin:auto;fill:currentColor;display:block;text-align:center;float:none}.sun-editor .close>svg,.sun-editor .se-dialog-close>svg{width:10px;height:10px}.sun-editor .se-btn-select>svg{float:right;width:10px;height:10px}.sun-editor .se-btn-list>.se-list-icon{display:inline-block;width:16px;height:16px;margin:-1px 10px 0 0;vertical-align:middle}.sun-editor .se-line-breaker>button>svg{width:24px;height:24px}.sun-editor button>i:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-size:15px;line-height:2}.sun-editor button>[class=se-icon-text]{font-size:20px;line-height:1}.sun-editor .se-arrow,.sun-editor .se-arrow:after{position:absolute;display:block;width:0;height:0;border:11px solid transparent}.sun-editor .se-arrow.se-arrow-up{top:-11px;left:20px;margin-left:-11px;border-top-width:0;border-bottom-color:#dadada}.sun-editor .se-arrow.se-arrow-up:after{top:1px;margin-left:-11px;content:" ";border-top-width:0;border-bottom-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-up:after{border-bottom-color:#fafafa}.sun-editor .se-arrow.se-arrow-down{top:0;left:0;margin-left:-11px;border-bottom-width:0;border-top-color:#dadada}.sun-editor .se-arrow.se-arrow-down:after{top:-12px;margin-left:-11px;content:" ";border-bottom-width:0;border-top-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-down:after{border-top-color:#fafafa}.sun-editor .se-container{position:relative;width:auto;height:auto}.sun-editor button{color:#000}.sun-editor .se-btn{float:left;width:34px;height:34px;border:0;border-radius:4px;margin:1px!important;padding:0;font-size:12px;line-height:27px}.sun-editor .se-btn:enabled:focus,.sun-editor .se-btn:enabled:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn-primary{color:#000;background-color:#c7deff;border:1px solid #80bdff;border-radius:4px}.sun-editor .se-btn-primary:focus,.sun-editor .se-btn-primary:hover{color:#000;background-color:#80bdff;border-color:#3f9dff;outline:0 none}.sun-editor .se-btn-primary:active{color:#fff;background-color:#3f9dff;border-color:#4592ff;-webkit-box-shadow:inset 0 3px 5px #4592ff;box-shadow:inset 0 3px 5px #4592ff}.sun-editor input,.sun-editor select,.sun-editor textarea{color:#000;border:1px solid #ccc;border-radius:4px}.sun-editor input:focus,.sun-editor select:focus,.sun-editor textarea:focus{border:1px solid #80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor .se-btn:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-btn:enabled.active:focus,.sun-editor .se-btn:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.on:focus,.sun-editor .se-btn:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-btn-list:disabled,.sun-editor .se-btn:disabled,.sun-editor button:disabled{cursor:not-allowed;background-color:inherit;color:#bdbdbd}.sun-editor .se-loading-box{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.7;filter:alpha(opacity=70);z-index:2147483647}.sun-editor .se-loading-box .se-loading-effect{position:absolute;display:block;top:50%;left:50%;height:25px;width:25px;border-top:2px solid #07d;border-right:2px solid transparent;border-radius:50%;animation:spinner .8s linear infinite;margin:-25px 0 0 -25px}.sun-editor .se-line-breaker{position:absolute;display:none;width:100%;height:1px;cursor:text;border-top:1px solid #3288ff;z-index:7}.sun-editor .se-line-breaker>button.se-btn{position:relative;display:inline-block;width:30px;height:30px;top:-15px;float:none;left:-50%;background-color:#fff;border:1px solid #0c2240;opacity:.6;cursor:pointer}.sun-editor .se-line-breaker>button.se-btn:hover{opacity:.9;background-color:#fff;border-color:#041b39}.sun-editor .se-line-breaker-component{position:absolute;display:none;width:24px;height:24px;background-color:#fff;border:1px solid #0c2240;opacity:.6;border-radius:4px;cursor:pointer;z-index:7}.sun-editor .se-line-breaker-component:hover{opacity:.9}.sun-editor .se-toolbar{display:block;position:relative;height:auto;width:100%;overflow:visible;padding:0;margin:0;background-color:#fafafa;outline:1px solid #dadada;z-index:5}.sun-editor .se-toolbar-shadow{display:block!important;height:0!important;padding:0!important;margin:0!important;background-color:transparent!important;outline:none!important;border:none!important;z-index:0!important}.sun-editor .se-toolbar-cover{position:absolute;display:none;font-size:36px;width:100%;height:100%;top:0;left:0;background-color:#fefefe;opacity:.5;filter:alpha(opacity=50);cursor:not-allowed;z-index:4}.sun-editor .se-toolbar-separator-vertical{display:inline-block;height:0;width:0;margin:0;vertical-align:top}.sun-editor .se-toolbar.se-toolbar-balloon,.sun-editor .se-toolbar.se-toolbar-inline{display:none;position:absolute;box-shadow:0 3px 9px #00000080;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5)}.sun-editor .se-toolbar.se-toolbar-balloon{z-index:2147483647;width:auto}.sun-editor .se-toolbar.se-toolbar-sticky{position:fixed;top:0}.sun-editor .se-toolbar-sticky-dummy{display:none;position:static;z-index:-1}.sun-editor .se-btn-module{display:inline-block}.sun-editor .se-btn-module-border{border:1px solid #dadada;border-radius:4px;margin-left:1px;margin-right:1px}.sun-editor .se-btn-module-enter{display:block;width:100%;height:0;margin:0;padding:0;background-color:transparent}.sun-editor .se-toolbar-more-layer{margin:0 -3px;background-color:#fafafa}.sun-editor .se-toolbar-more-layer .se-more-layer{display:none;border-top:1px solid #dadada}.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form{display:inline-block;width:100%;height:auto;padding:4px 3px 0}.sun-editor .se-btn-module .se-btn-more.se-btn-more-text{width:auto;padding:0 4px}.sun-editor .se-btn-module .se-btn-more:focus,.sun-editor .se-btn-module .se-btn-more:hover{color:#000;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on{color:#333;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on:hover{color:#000;background-color:#c1c1c1;border-color:#b1b1b1;outline:0 none}.sun-editor .se-menu-list,.sun-editor .se-menu-list li{float:left;padding:0;margin:0}.sun-editor .se-menu-list li{position:relative}.sun-editor .se-btn-select{width:auto;display:flex;padding:4px 6px}.sun-editor .se-btn-select .txt{flex:auto;text-align:left}.sun-editor .se-btn-select.se-btn-tool-font{width:100px}.sun-editor .se-btn-select.se-btn-tool-format{width:82px}.sun-editor .se-btn-select.se-btn-tool-size{width:78px}.sun-editor .se-btn-tray{position:relative;width:100%;height:auto;padding:4px 3px 0;margin:0}.sun-editor .se-menu-tray{position:absolute;top:0;left:0;width:100%;height:0}.sun-editor .se-submenu{overflow-x:hidden;overflow-y:auto}.sun-editor .se-menu-container{overflow-x:unset;overflow-y:unset}.sun-editor .se-list-layer{display:none;position:absolute;top:0;left:0;height:auto;z-index:5;border:1px solid #bababa;border-radius:4px;padding:6px 0;background-color:#fff;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080;outline:0 none}.sun-editor .se-list-layer .se-list-inner{padding:0;margin:0;overflow-x:initial;overflow-y:initial;overflow:visible}.sun-editor .se-list-layer button{margin:0;width:100%}.sun-editor .se-list-inner ul{width:100%;padding:0}.sun-editor .se-list-inner li>button{min-width:100%;width:max-content}.sun-editor .se-list-inner .se-list-basic li{width:100%}.sun-editor .se-list-inner .se-list-basic li button.active{background-color:#80bdff;border:1px solid #3f9dff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:hover{background-color:#3f9dff;border:1px solid #4592ff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:active{background-color:#4592ff;border:1px solid #407dd1;border-left:0;border-right:0;-webkit-box-shadow:inset 0 3px 5px #407dd1;box-shadow:inset 0 3px 5px #407dd1}.sun-editor .se-list-inner .se-list-checked li button>.se-svg{float:left;padding:6px 6px 0 0}.sun-editor .se-list-inner .se-list-checked li button>.se-svg>svg{display:none}.sun-editor .se-list-inner .se-list-checked li button.se-checked{color:#4592ff}.sun-editor .se-list-inner .se-list-checked li button.se-checked>.se-svg>svg{display:block}.sun-editor .se-btn-list{width:100%;height:auto;min-height:32px;padding:0 14px;cursor:pointer;font-size:12px;line-height:normal;text-indent:0;text-decoration:none;text-align:left}.sun-editor .se-btn-list.default_value{background-color:#f3f3f3;border-top:1px dotted #b1b1b1;border-bottom:1px dotted #b1b1b1}.sun-editor .se-btn-list:focus,.sun-editor .se-btn-list:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn-list:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-list-layer.se-list-font-size{min-width:140px;max-height:300px}.sun-editor .se-list-layer.se-list-font-family{min-width:156px}.sun-editor .se-list-layer.se-list-font-family .default{border-bottom:1px solid #ccc}.sun-editor .se-list-layer.se-list-line{width:125px}.sun-editor .se-list-layer.se-list-line hr{border-width:1px 0 0;height:1px}.sun-editor .se-list-layer.se-list-align .se-list-inner{left:9px}.sun-editor .se-list-layer.se-list-format{min-width:156px}.sun-editor .se-list-layer.se-list-format li{padding:0;width:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list{line-height:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1]{height:40px}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2]{height:34px}.sun-editor .se-list-layer.se-list-format ul p{font-size:13px}.sun-editor .se-list-layer.se-list-format ul div{font-size:13px;padding:4px 2px}.sun-editor .se-list-layer.se-list-format ul h1{font-size:2em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h2{font-size:1.5em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h3{font-size:1.17em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h4{font-size:1em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h5{font-size:.83em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h6{font-size:.67em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul blockquote{font-size:13px;color:#999;height:22px;margin:0;background-color:transparent;line-height:1.5;border-color:#b1b1b1;padding:0 0 0 7px;border-left:5px #b1b1b1;border-style:solid}.sun-editor .se-list-layer.se-list-format ul pre{font-size:13px;color:#666;padding:4px 11px;margin:0;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:4px}.sun-editor .se-selector-table{display:none;position:absolute;top:34px;left:1px;z-index:5;padding:5px 0;float:left;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px #0000002d}.sun-editor .se-selector-table .se-table-size{font-size:18px;padding:0 5px}.sun-editor .se-selector-table .se-table-size-picker{position:absolute!important;z-index:3;font-size:18px;width:10em;height:10em;cursor:pointer}.sun-editor .se-selector-table .se-table-size-highlighted{position:absolute!important;z-index:2;font-size:18px;width:1em;height:1em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==) repeat}.sun-editor .se-selector-table .se-table-size-unhighlighted{position:relative!important;z-index:1;font-size:18px;width:10em;height:10em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.sun-editor .se-selector-table .se-table-size-display{padding-left:5px}.sun-editor .se-list-layer.se-table-split{top:36px}.sun-editor .se-list-layer .se-selector-color{display:flex;width:max-content;max-width:270px;height:auto;padding:0;margin:auto}.sun-editor .se-list-layer .se-selector-color .se-color-pallet{width:100%;height:100%;padding:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet li{display:flex;float:left;position:relative;margin:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button{display:block;cursor:default;width:30px;height:30px;text-indent:-9999px}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover{border:3px solid #fff}.sun-editor .se-form-group{display:flex;width:100%;min-height:40px;height:auto;padding:4px}.sun-editor .se-form-group input{flex:auto;display:inline-block;width:auto;height:33px;font-size:12px;margin:1px 0;padding:0;border-radius:.25rem;border:1px solid #ccc}.sun-editor .se-form-group button,.sun-editor .se-submenu-form-group button{float:right;width:34px;height:34px;margin:0 2px!important}.sun-editor .se-form-group button.se-btn{border:1px solid #ccc}.sun-editor .se-form-group>div{position:relative}.sun-editor .se-form-group label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.sun-editor .se-form-group-label{width:100%;height:auto;padding:0 4px}.sun-editor .se-form-group-label label{font-size:13px;font-weight:700}.sun-editor .se-submenu .se-form-group input{width:auto;height:33px;color:#555}.sun-editor .se-submenu .se-form-group .se-color-input{width:72px;text-transform:uppercase;border:none;border-bottom:2px solid #b1b1b1;outline:none}.sun-editor .se-submenu .se-form-group .se-color-input:focus{border-bottom:3px solid #b1b1b1}.sun-editor .se-wrapper{position:relative!important;width:100%;height:auto;overflow:hidden;z-index:1}.sun-editor .se-wrapper .se-wrapper-inner{width:100%;height:100%;min-height:65px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.sun-editor .se-wrapper .se-wrapper-inner:focus{outline:none}.sun-editor .se-wrapper .se-wrapper-code{background-color:#191919;color:#fff;font-size:13px;word-break:break-all;padding:4px;margin:0;resize:none!important}.sun-editor .se-wrapper .se-wrapper-wysiwyg{display:block}.sun-editor .se-wrapper .se-wrapper-code-mirror{font-size:13px}.sun-editor .se-wrapper .se-placeholder{position:absolute;display:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;color:#b1b1b1;font-size:13px;line-height:1.5;top:0;left:0;right:0;overflow:hidden;margin-top:0;padding-top:16px;padding-left:16px;margin-left:0;padding-right:16px;margin-right:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-resizing-bar{display:flex;width:auto;height:auto;min-height:16px;border-top:1px solid #dadada;padding:0 4px;background-color:#fafafa;cursor:ns-resize}.sun-editor .se-resizing-bar.se-resizing-none{cursor:default}.sun-editor .se-resizing-back{position:absolute;display:none;cursor:default;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-resizing-bar .se-navigation{flex:auto;position:relative;width:auto;height:auto;color:#666;margin:0;padding:0;font-size:10px;line-height:1.5;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper{flex:none;position:relative;display:block;width:auto;height:auto;margin:0;padding:0;color:#999;font-size:13px;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink{color:#b94a48;animation:blinker .2s linear infinite}.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label{margin-right:4px}.sun-editor .se-dialog{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-dialog button,.sun-editor .se-dialog input,.sun-editor .se-dialog label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-dialog .se-dialog-back{background-color:#222;opacity:.5}.sun-editor .se-dialog .se-dialog-back,.sun-editor .se-dialog .se-dialog-inner{position:absolute;width:100%;height:100%;top:0;left:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{position:relative;width:auto;max-width:500px;margin:1.75rem auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080}@media screen and (max-width:509px){.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{width:100%}}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary{display:inline-block;padding:6px 12px;margin:0 0 10px!important;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header{height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title{float:left;font-size:14px;font-weight:700;margin:0;padding:0;line-height:2.5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-body{position:relative;padding:15px 15px 5px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form{margin-bottom:10px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer{margin-top:10px;margin-bottom:0}.sun-editor .se-dialog .se-dialog-inner input:disabled{background-color:#f3f3f3}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text{width:100%}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h,.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w{width:70px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x{margin:0 8px;width:25px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer{height:auto;min-height:55px;padding:10px 15px 0;text-align:right;border-top:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div{float:left}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div>label{margin:0 5px 0 0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio{margin-left:12px;margin-right:6px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check{margin-left:12px;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check{margin-left:0;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child{margin-right:16px;margin-left:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files{position:relative;display:flex;align-items:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files>input{flex:auto}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button{flex:auto;opacity:.8;border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove>svg{width:8px;height:8px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover{background-color:#f0f0f0;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active{background-color:#e9e9e9;-webkit-box-shadow:inset 0 3px 5px #d6d6d6;box-shadow:inset 0 3px 5px #d6d6d6}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select{display:inline-block;width:auto;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control{display:inline-block;width:70px;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form{display:block;width:100%;height:34px;font-size:14px;line-height:1.42857143;padding:0 4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url{direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled{text-decoration:line-through;color:#999}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio{width:70px;margin-left:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a{color:#004cff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert{border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-dialog-tabs{width:100%;height:25px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog-tabs button{background-color:#e5e5e5;border-right:1px solid #e5e5e5;float:left;outline:none;padding:2px 13px;transition:.3s}.sun-editor .se-dialog-tabs button:hover{background-color:#fff}.sun-editor .se-dialog-tabs button.active{background-color:#fff;border-bottom:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp{resize:vertical;height:14em;border:1px solid #ccc;font-size:13px;padding:4px;direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size{width:6em;height:28px;margin-left:1em}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview{font-size:13px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>span{display:inline-block;-webkit-box-shadow:0 0 0 .1rem #c7deff;box-shadow:0 0 0 .1rem #c7deff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>span *{direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>.se-math-katex-error{color:#b94a48;-webkit-box-shadow:0 0 0 .1rem #f2dede;box-shadow:0 0 0 .1rem #f2dede}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>.se-math-katex-error svg{width:auto;height:30px;color:#b94a48}.sun-editor .se-dialog .se-dialog-inner .se-link-preview{display:block;height:auto;max-height:18px;font-size:13px;font-weight:400;font-family:inherit;color:#666;background-color:transparent;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:pre}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form{width:100%;display:flex;margin-top:4px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon{flex:unset;display:none;line-height:1.5;color:#4592ff}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview{flex:auto;margin:0}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel{height:34px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn{width:46px;color:#3f9dff}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper{display:flex;line-height:1.5;padding-top:6px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview{text-align:left}.sun-editor .se-controller .se-arrow.se-arrow-up{border-bottom-color:#00000040}.sun-editor .se-controller{position:absolute;display:none;overflow:visible;z-index:6;border:1px solid rgba(0,0,0,.25);border-radius:4px;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px #0003;line-break:auto}.sun-editor .se-controller .se-btn-group{position:relative;display:flex;vertical-align:middle;padding:2px;top:0;left:0}.sun-editor .se-controller .se-btn-group .se-btn-group-sub{left:50%;min-width:auto;width:max-content;display:none}.sun-editor .se-controller .se-btn-group .se-btn-group-sub button{margin:0;min-width:72px}.sun-editor .se-controller .se-btn-group button{position:relative;min-height:34px;height:auto;border:none;border-radius:4px;margin:1px;padding:5px 10px;font-size:12px;line-height:1.5;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation}.sun-editor .se-controller .se-btn-group button:focus:enabled,.sun-editor .se-controller .se-btn-group button:hover:enabled{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:active:enabled{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button span{display:block;padding:0;margin:0}.sun-editor .se-controller .se-btn-group button:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:focus,.sun-editor .se-controller .se-btn-group button:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:focus,.sun-editor .se-controller .se-btn-group button:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-controller .se-form-group input{min-width:120px}.sun-editor .se-controller-resizing{margin-top:-50px!important;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list{width:74px}.sun-editor .se-resizing-container{position:absolute;display:none;outline:1px solid #3f9dff;background-color:transparent}.sun-editor .se-resizing-container .se-modal-resize{position:absolute;display:inline-block;background-color:#3f9dff;opacity:.3}.sun-editor .se-resizing-container .se-resize-dot{position:absolute;top:0;left:0;width:100%;height:100%}.sun-editor .se-resizing-container .se-resize-dot>span{position:absolute;width:7px;height:7px;background-color:#3f9dff;border:1px solid #4592ff}.sun-editor .se-resizing-container .se-resize-dot>span.tl{top:-5px;left:-5px;cursor:nw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.tr{top:-5px;right:-5px;cursor:ne-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bl{bottom:-5px;left:-5px;cursor:sw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.br{right:-5px;bottom:-5px;cursor:se-resize}.sun-editor .se-resizing-container .se-resize-dot>span.lw{left:-7px;bottom:50%;cursor:w-resize}.sun-editor .se-resizing-container .se-resize-dot>span.th{left:50%;top:-7px;cursor:n-resize}.sun-editor .se-resizing-container .se-resize-dot>span.rw{right:-7px;bottom:50%;cursor:e-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bh{right:50%;bottom:-7px;cursor:s-resize}.sun-editor .se-resizing-container .se-resize-display{position:absolute;right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:#fff;background-color:#333;border-radius:4px}.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{width:auto}.sun-editor .se-controller-link,.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-link:after,.sun-editor .se-controller-link:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sun-editor .se-controller-link .link-content{padding:0;margin:0}.sun-editor .se-controller-link .link-content a{display:inline-block;color:#4592ff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-left:5px}.sun-editor .se-select-list{position:absolute;top:0;left:0;display:none;width:auto;max-width:100%;background-color:#fff;padding:0;margin:0;border:1px solid #bababa;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080;outline:0 none}.sun-editor .se-select-list .se-select-item{line-height:28px;min-height:28px;font-size:13px;padding:0 5px;margin:2px 0;cursor:pointer}.sun-editor .se-select-list.__se_select-menu-mouse-move .se-select-item:hover,.sun-editor .se-select-list:not(.__se_select-menu-mouse-move) .se-select-item.active{background-color:#e1e1e1}.sun-editor .se-dialog-form-files .se-select-list{width:100%}.sun-editor .se-file-browser{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-file-browser button,.sun-editor .se-file-browser input,.sun-editor .se-file-browser label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-file-browser .se-file-browser-back{background-color:#222;opacity:.5}.sun-editor .se-file-browser .se-file-browser-back,.sun-editor .se-file-browser .se-file-browser-inner{position:absolute;display:block;width:100%;height:100%;top:0;left:0}.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{position:relative;width:960px;max-width:100%;margin:20px auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080}.sun-editor .se-file-browser .se-file-browser-header{height:auto;min-height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close>svg{width:12px;height:12px}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title{font-size:16px;font-weight:700;margin:0;padding:0;line-height:2.2}.sun-editor .se-file-browser .se-file-browser-tags{display:block;width:100%;padding:0;text-align:left;margin:0 -15px}.sun-editor .se-file-browser .se-file-browser-tags a{display:inline-block;background-color:#f5f5f5;padding:6px 12px;margin:8px 0 8px 8px;color:#333;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.sun-editor .se-file-browser .se-file-browser-tags a:hover{background-color:#e1e1e1}.sun-editor .se-file-browser .se-file-browser-tags a:active{background-color:#d1d1d1}.sun-editor .se-file-browser .se-file-browser-tags a.on{background-color:#ebf3fe;color:#4592ff}.sun-editor .se-file-browser .se-file-browser-tags a.on:hover{background-color:#d8e8fe}.sun-editor .se-file-browser .se-file-browser-tags a.on:active{background-color:#c7deff}.sun-editor .se-file-browser .se-file-browser-body{position:relative;height:auto;min-height:350px;padding:20px;overflow-y:auto}.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list{position:relative;width:100%}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:748px}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:600px}}.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column{position:relative;display:block;height:auto;float:left}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(25% - 20px);margin:0 10px}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(33% - 20px)}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(50% - 20px)}}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img{position:relative;display:block;cursor:pointer;width:100%;height:auto;border-radius:4px;outline:0;margin:10px 0}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover{opacity:.8;-webkit-box-shadow:0 0 0 .2rem #3288ff;box-shadow:0 0 0 .2rem #3288ff}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>img{position:relative;display:block;width:100%;border-radius:4px;outline:0;height:auto}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name{position:absolute;z-index:1;font-size:13px;color:#fff;left:0;bottom:0;padding:5px 10px;background-color:transparent;width:100%;height:30px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;pointer-events:none}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name.se-file-name-back{background-color:#333;opacity:.6;pointer-events:none}.sun-editor .se-notice{position:absolute;top:0;display:none;z-index:7;width:100%;height:auto;word-break:break-all;font-size:13px;color:#b94a48;background-color:#f2dede;padding:15px;margin:0;border:1px solid #eed3d7;user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.sun-editor .se-notice button{float:right;padding:7px}.sun-editor .se-tooltip{position:relative;overflow:visible}.sun-editor .se-tooltip .se-tooltip-inner{visibility:hidden;position:absolute;display:block;width:auto;height:auto;top:120%;left:50%;background:transparent;opacity:0;z-index:1;line-height:1.5;transition:opacity .5s;margin:0;padding:0;bottom:auto;float:none;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text{position:relative;display:inline-block;width:auto;height:auto;left:-50%;font-size:.9em;margin:0;padding:4px 6px;border-radius:2px;background-color:#333;color:#fff;text-align:center;line-height:unset;white-space:nowrap;cursor:auto}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#333}.sun-editor .se-tooltip:hover .se-tooltip-inner{visibility:visible;opacity:1}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut{display:block!important}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut>.se-shortcut-key{display:inline;font-weight:700}.sun-editor.se-rtl .se-btn-tray{direction:rtl}.sun-editor.se-rtl .se-btn-select svg{margin:auto 1px}.sun-editor.se-rtl .se-btn-select .txt{flex:auto;text-align:right;direction:rtl}.sun-editor.se-rtl .se-btn-list{text-align:right}.sun-editor.se-rtl .se-btn-list>.se-list-icon{margin:-1px 0 0 10px}.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix),.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li{float:right}.sun-editor.se-rtl .se-list-layer *{direction:rtl}.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote{padding:0 7px 0 0;border-right-width:5px;border-left-width:0}.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li{float:right}.sun-editor.se-rtl .se-list-inner .se-list-checked li button>.se-svg{float:right;padding:6px 0 0 6px}.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text,.sun-editor.se-rtl .se-wrapper .se-placeholder{direction:rtl}.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut{direction:ltr}.sun-editor.se-rtl .se-dialog *{direction:rtl}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio{margin-left:0;margin-right:4px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close{float:left}.sun-editor.se-rtl .se-dialog-tabs button,.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title{float:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text{padding-right:34px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary{float:left}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer>div{float:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer>div>label{margin:0 0 0 5px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child{margin-left:16px;margin-right:0}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview{margin-left:4px;text-align:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn{float:right}.sun-editor.se-rtl .se-file-browser *{direction:rtl}.sun-editor.se-rtl .se-file-browser .se-file-browser-tags{text-align:right}.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a{margin:8px 8px 0}.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close{float:left}.sun-editor.se-rtl .se-controller .se-btn-group,.sun-editor.se-rtl .se-resizing-container .se-resize-display{direction:rtl}.sun-editor .se-btn-module-border.module-float-left{float:left}.sun-editor .se-btn-module-border.module-float-right{float:right}.sun-editor .se-error{color:#d9534f}.sun-editor input.se-error:focus,select.se-error:focus,textarea.se-error:focus{border:1px solid #f2dede;outline:0;-webkit-box-shadow:0 0 0 .2rem #eed3d7;box-shadow:0 0 0 .2rem #eed3d7;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor hr.__se__solid{border-style:solid none none}.sun-editor hr.__se__dotted{border-style:dotted none none}.sun-editor hr.__se__dashed{border-style:dashed none none}@keyframes blinker{50%{opacity:0}}@keyframes spinner{to{transform:rotate(361deg)}}.sun-editor-editable{font-family:Helvetica Neue;font-size:13px;color:#333;background-color:#fff;line-height:1.5;word-break:normal;word-wrap:break-word;padding:16px;margin:0}.sun-editor-editable *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit}.sun-editor-editable.se-rtl *{direction:rtl}.sun-editor-editable .se-component>figure{direction:ltr}.sun-editor-editable audio,.sun-editor-editable figcaption,.sun-editor-editable figure,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable td,.sun-editor-editable th,.sun-editor-editable video{position:relative}.sun-editor-editable span{display:inline;vertical-align:baseline;margin:0;padding:0}.sun-editor-editable span.katex{display:inline-block}.sun-editor-editable span.katex *{direction:ltr}.sun-editor-editable a{color:#004cff;text-decoration:none}.sun-editor-editable span[style~="color:"] a{color:inherit}.sun-editor-editable a:focus,.sun-editor-editable a:hover{cursor:pointer;color:#0093ff;text-decoration:underline}.sun-editor-editable a.on{color:#0093ff;background-color:#e8f7ff}.sun-editor-editable pre{display:block;padding:8px;margin:0 0 10px;font-family:monospace;color:#666;line-height:1.45;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:2px;white-space:pre-wrap!important;word-wrap:break-word;overflow:visible}.sun-editor-editable ol{list-style-type:decimal}.sun-editor-editable ol,.sun-editor-editable ul{list-style-position:outside;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.sun-editor-editable ul{list-style-type:disc}.sun-editor-editable li{display:list-item;text-align:-webkit-match-parent;margin-bottom:5px}.sun-editor-editable ol ol,.sun-editor-editable ol ul,.sun-editor-editable ul ol,.sun-editor-editable ul ul{margin:0}.sun-editor-editable ol ol,.sun-editor-editable ul ol{list-style-type:lower-alpha}.sun-editor-editable ol ol ol,.sun-editor-editable ul ol ol,.sun-editor-editable ul ul ol{list-style-type:upper-roman}.sun-editor-editable ol ul,.sun-editor-editable ul ul{list-style-type:circle}.sun-editor-editable ol ol ul,.sun-editor-editable ol ul ul,.sun-editor-editable ul ul ul{list-style-type:square}.sun-editor-editable sub,.sun-editor-editable sup{font-size:75%;line-height:0}.sun-editor-editable sub{vertical-align:sub}.sun-editor-editable sup{vertical-align:super}.sun-editor-editable p{display:block;margin:0 0 10px}.sun-editor-editable div{display:block;margin:0;padding:0}.sun-editor-editable blockquote{display:block;font-family:inherit;font-size:inherit;color:#999;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding:0 5px 0 20px;border:solid #b1b1b1;border-width:0 0 0 5px}.sun-editor-editable blockquote blockquote{border-color:#c1c1c1}.sun-editor-editable blockquote blockquote blockquote{border-color:#d1d1d1}.sun-editor-editable blockquote blockquote blockquote blockquote{border-color:#e1e1e1}.sun-editor-editable.se-rtl blockquote{padding-left:5px;padding-right:20px;border-left-width:0;border-right-width:5px}.sun-editor-editable h1{font-size:2em;margin-block-start:.67em;margin-block-end:.67em}.sun-editor-editable h1,.sun-editor-editable h2{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h2{font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em}.sun-editor-editable h3{font-size:1.17em;margin-block-start:1em;margin-block-end:1em}.sun-editor-editable h3,.sun-editor-editable h4{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h4{font-size:1em;margin-block-start:1.33em;margin-block-end:1.33em}.sun-editor-editable h5{font-size:.83em;margin-block-start:1.67em;margin-block-end:1.67em}.sun-editor-editable h5,.sun-editor-editable h6{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h6{font-size:.67em;margin-block-start:2.33em;margin-block-end:2.33em}.sun-editor-editable hr{display:flex;border-width:1px 0 0;border-color:#000;border-image:initial;height:1px}.sun-editor-editable hr.__se__solid{border-style:solid none none}.sun-editor-editable hr.__se__dotted{border-style:dotted none none}.sun-editor-editable hr.__se__dashed{border-style:dashed none none}.sun-editor-editable hr.on{border-color:#4592ff;-webkit-box-shadow:0 0 0 .1rem #c7deff;box-shadow:0 0 0 .1rem #c7deff}.sun-editor-editable table{display:table;table-layout:auto!important;border:1px solid #ccc;width:100%;max-width:100%;margin:0 0 10px;background-color:transparent;border-spacing:0;border-collapse:collapse}.sun-editor-editable.se-rtl table{margin:0 0 10px auto}.sun-editor-editable table thead{border-bottom:2px solid #333}.sun-editor-editable table tr{border:1px solid #efefef}.sun-editor-editable table th{background-color:#f3f3f3}.sun-editor-editable table td,.sun-editor-editable table th{border:1px solid #e1e1e1;padding:.4em;background-clip:padding-box}.sun-editor-editable table.se-table-size-auto{width:auto!important}.sun-editor-editable table.se-table-size-100{width:100%!important}.sun-editor-editable table.se-table-layout-auto{table-layout:auto!important}.sun-editor-editable table.se-table-layout-fixed{table-layout:fixed!important}.sun-editor-editable table td.se-table-selected-cell,.sun-editor-editable table th.se-table-selected-cell{outline:1px double #4592ff}.sun-editor-editable.se-disabled *{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor-editable .se-component{display:flex;padding:1px;margin:0 0 10px}.sun-editor-editable[contenteditable=true] .se-component{outline:1px dashed #e1e1e1}.sun-editor-editable[contenteditable=true] .se-component.se-component-copy{-webkit-box-shadow:0 0 0 .2rem #80bdff;box-shadow:0 0 0 .2rem #3f9dff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor-editable .__se__float-left{float:left;margin-right:4px}.sun-editor-editable .__se__float-right{float:right;margin-left:4px}.sun-editor-editable .__se__float-center{float:center}.sun-editor-editable .__se__float-none{float:none}.sun-editor-editable audio,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable video{display:block;margin:0;padding:0;width:auto;height:auto;max-width:100%}.sun-editor-editable[contenteditable=true]:not(.se-read-only) figure:after{position:absolute;content:"";z-index:1;inset:0;cursor:default;display:block;background:transparent}.sun-editor-editable[contenteditable=true] figure a,.sun-editor-editable[contenteditable=true] figure iframe,.sun-editor-editable[contenteditable=true] figure img,.sun-editor-editable[contenteditable=true] figure video{z-index:0}.sun-editor-editable[contenteditable=true] figure figcaption{display:block;z-index:2}.sun-editor-editable[contenteditable=true] figure figcaption:focus{border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff}.sun-editor-editable .se-image-container,.sun-editor-editable .se-video-container{width:auto;height:auto;max-width:100%}.sun-editor-editable figure{display:block;outline:none;padding:0;margin:0}.sun-editor-editable .__se__float-center figure,.sun-editor-editable .__se__float-left figure,.sun-editor-editable .__se__float-right figure{margin:auto!important}.sun-editor-editable figure figcaption{padding:1em .5em;margin:0;background-color:#f9f9f9;outline:none}.sun-editor-editable figure figcaption p{line-height:2;margin:0}.sun-editor-editable .se-image-container a img{padding:1px;margin:1px;outline:1px solid #4592ff}.sun-editor-editable .se-video-container iframe,.sun-editor-editable .se-video-container video{outline:1px solid #9e9e9e;position:absolute;top:0;left:0;border:0;width:100%;height:100%}.sun-editor-editable .se-video-container figure{left:0;width:100%;max-width:100%}.sun-editor-editable audio{width:300px;height:54px}.sun-editor-editable audio.active{outline:2px solid #80bdff}.sun-editor-editable.se-show-block div,.sun-editor-editable.se-show-block h1,.sun-editor-editable.se-show-block h2,.sun-editor-editable.se-show-block h3,.sun-editor-editable.se-show-block h4,.sun-editor-editable.se-show-block h5,.sun-editor-editable.se-show-block h6,.sun-editor-editable.se-show-block li,.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block p,.sun-editor-editable.se-show-block pre,.sun-editor-editable.se-show-block ul{border:1px dashed #3f9dff!important;padding:14px 8px 8px!important}.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block ul{border:1px dashed #d539ff!important}.sun-editor-editable.se-show-block pre{border:1px dashed #27c022!important}.se-show-block p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==) no-repeat}.se-show-block div{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==) no-repeat}.se-show-block h1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC) no-repeat}.se-show-block h2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==) no-repeat}.se-show-block h3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC) no-repeat}.se-show-block h4{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC) no-repeat}.se-show-block h5{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC) no-repeat}.se-show-block h6{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC) no-repeat}.se-show-block li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==) no-repeat}.se-show-block ol{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==) no-repeat}.se-show-block ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==) no-repeat}.sun-editor-editable .__se__p-bordered,.sun-editor .__se__p-bordered{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:4px 0}.sun-editor-editable .__se__p-spaced,.sun-editor .__se__p-spaced{letter-spacing:1px}.sun-editor-editable .__se__p-neon,.sun-editor .__se__p-neon{font-weight:200;font-style:italic;background:#000;color:#fff;padding:6px 4px;border:2px solid #fff;border-radius:6px;text-transform:uppercase;animation:neonFlicker 1.5s infinite alternate}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;box-shadow:0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f}20%,24%,55%{text-shadow:none;box-shadow:none}}.sun-editor-editable .__se__t-shadow,.sun-editor .__se__t-shadow{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555}.sun-editor-editable .__se__t-code,.sun-editor .__se__t-code{font-family:monospace;color:#666;background-color:#1b1f230d;border-radius:6px;padding:.2em .4em}.templates{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.templates-header{margin-bottom:var(--spacing-lg)}.templates-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.templates-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.templates-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.no-integration{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.no-integration-content{text-align:center;max-width:400px;padding:var(--spacing-xl)}.no-integration-icon{margin-bottom:var(--spacing-lg)}.no-integration-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.no-integration-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.no-integration-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.no-integration-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.no-integration-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.templates-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.create-template-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.create-template-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.create-template-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.templates-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.template-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.template-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.template-content{margin-bottom:var(--spacing-md)}.template-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-template-meta{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-integration{font-size:var(--font-size-xs)}.template-actions{display:flex;gap:var(--spacing-xs)}.template-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.template-action:hover{background-color:var(--color-hover);color:var(--color-text)}.template-action.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}@media (max-width: 768px){.templates-tabs{flex-wrap:wrap}.templates-actions{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.templates-grid{grid-template-columns:1fr}.template-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.integrations-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.templates .template-editor-layout{display:grid}.integrations-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.integration-card-small{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-fast)}.integration-card-small:hover{box-shadow:var(--shadow-sm)}.integration-info{display:flex;flex-direction:row;gap:var(--spacing-sm)}.integration-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.status-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-connected{background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.status-valid{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden}.template-modal{max-width:800px;max-height:90vh}.template-modal.large{width:95vw;height:90vh;max-width:95vw;overflow:hidden}.template-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);flex:1 1 auto;min-height:0}.template-editor-pane,.template-preview-pane{display:flex;flex-direction:column;min-height:0}.template-preview-pane{min-height:0}.email-preview-pane{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-lg);min-height:260px;height:100%;max-height:100%;overflow:auto;flex:1 1 auto}@media (max-width: 1024px){.template-editor-layout{grid-template-columns:1fr}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-size-lg);transition:var(--transition-fast)}.modal-content{padding:var(--spacing-xl);max-height:calc(90vh - 80px);overflow-y:auto}.templates .template-modal-content{padding:var(--spacing-xl)!important;height:calc(90vh - 64px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.templates .template-modal-content .form-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.templates .template-editor-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--spacing-xl)!important}.required{color:#dc2626}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:var(--transition-fast)}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-select option{background-color:var(--color-surface);color:var(--color-text)}.button-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.button-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.template-versions{margin-top:var(--spacing-lg)}.versions-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.versions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.version-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-fast)}.version-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.version-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.version-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.version-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.version-status{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-success-subtle);color:var(--color-success)}.version-details{margin-bottom:var(--spacing-sm)}.version-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm) 0}.version-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.meta-item{font-size:var(--font-size-xs)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 768px){.integrations-grid{grid-template-columns:1fr}.template-modal{margin:var(--spacing-sm);max-width:calc(100vw - 2 * var(--spacing-sm))}.version-meta{flex-direction:column;gap:var(--spacing-sm)}.version-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.modal-actions{flex-direction:column}}.campaigns{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.campaigns-header{margin-bottom:var(--spacing-lg)}.campaigns-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.campaigns-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.campaigns-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.campaigns-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.create-campaign-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.create-campaign-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.create-campaign-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.campaigns-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.campaign-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.campaign-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.campaign-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.campaign-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.campaign-metrics{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.campaign-dates{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.date-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.campaign-actions{display:flex;gap:var(--spacing-xs)}.campaign-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.campaign-action:hover{background-color:var(--color-hover);color:var(--color-text)}.campaign-action.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.modal-content.large{max-width:700px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.campaigns-tabs{flex-wrap:wrap}.campaigns-actions{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.campaigns-grid{grid-template-columns:1fr}.campaign-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.campaign-metrics{flex-direction:column;gap:var(--spacing-sm)}.form-row{grid-template-columns:1fr}.test-input-group,.modal-actions{flex-direction:column}}.campaign-modal-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center}.campaign-modal{width:95vw;height:95vh;background:var(--color-bg);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.campaign-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-left{flex:1}.campaign-modal-header .modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.step{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-surface-variant);transition:var(--transition-fast)}.campaign-modal-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.step-content .step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xl) 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.search-input{padding-left:calc(var(--spacing-md) + 20px + var(--spacing-sm))}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.segment-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.segment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.segment-description{margin:0 0 var(--spacing-md) 0;line-height:1.5}.segment-metrics{display:flex;align-items:center;gap:var(--spacing-sm)}.segment-metrics .metric{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.selected-segments{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.selected-segments h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.selected-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.template-selection h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.template-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.template-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.template-content{margin:0;line-height:1.5}.variable-mapping h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.mapping-description{margin:0 0 var(--spacing-lg) 0}.variable-name{font-family:Courier New,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.variable-label{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:var(--font-weight-medium)}.variable-formats{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.mapping-field{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.test-modal{max-width:600px}.test-info{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.test-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.test-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0}.test-variables{margin-bottom:var(--spacing-lg)}.test-variables h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.variable-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.variable-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.variable-input-group .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);font-family:var(--font-family-mono)}.test-result{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.test-result.success{background-color:var(--color-success-subtle);border:1px solid var(--color-success);color:var(--color-success)}.test-result.error{background-color:var(--color-error-subtle);border:1px solid var(--color-error);color:var(--color-error)}.test-result h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.test-result p{margin:0 0 var(--spacing-md) 0}.processed-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.processed-content h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.processed-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.image-upload-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.image-uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.image-upload-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-upload-container{position:relative}.image-upload-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:center;justify-content:center}.image-upload-button:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.file-input{position:absolute;opacity:0;pointer-events:none}@media (max-width: 768px){.preview-layout{gap:var(--spacing-md)}.device-preview-container{justify-content:center}}.preview-summary h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.summary-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.detail-value{font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-semibold)}.campaign-modal-footer{position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);z-index:2}.campaign-modal-content{padding-bottom:88px}.footer-actions{display:flex;justify-content:space-between;align-items:center}.footer-actions-right{display:flex;align-items:center;gap:var(--spacing-md)}.device-preview-section{margin-bottom:var(--spacing-xl)}.device-preview-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.device-preview-container{display:flex;justify-content:center;padding:var(--spacing-xl);background:var(--color-surface-variant);border-radius:var(--radius-lg)}.sms-device-mockup{width:300px;height:600px;background:#000;border-radius:25px;padding:8px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.sms-device-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:#333;border-radius:0 0 4px 4px;z-index:10}.device-header{background:#f8f9fa;border-radius:17px 17px 0 0;padding:8px 16px}.device-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#000;margin-bottom:8px}.signal-battery{display:flex;align-items:center;gap:4px}.signal-bars{display:flex;gap:2px}.signal-bars .bar{width:3px;background:#000;border-radius:1px}.signal-bars .bar:nth-child(1){height:4px}.signal-bars .bar:nth-child(2){height:6px}.signal-bars .bar:nth-child(3){height:8px}.signal-bars .bar:nth-child(4){height:10px}.battery{width:20px;height:10px;border:1px solid #000;border-radius:2px;position:relative}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#000;border-radius:0 1px 1px 0}.battery-level{width:80%;height:100%;background:#4caf50;border-radius:1px}.sms-header{display:flex;align-items:center;gap:12px}.contact-info{display:flex;align-items:center;gap:8px}.contact-avatar{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.contact-details{display:flex;flex-direction:column}.contact-name{font-size:14px;font-weight:600;color:#000}.whatsapp-contact-name{font-size:14px;font-weight:600;color:#fff}.whatsapp-contact-status{font-size:12px;color:#fff}.contact-status{font-size:12px;color:#666}.sms-content{background:#f0f0f0;border-radius:0 0 17px 17px;padding:16px;height:calc(100% - 80px);overflow-y:auto}.message-bubble{background:#007aff;color:#fff;padding:12px 16px;border-radius:18px 18px 4px;max-width:80%;margin-bottom:8px;position:relative;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-text{margin:0 0 4px;font-size:14px;line-height:1.4;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-time{font-size:11px;opacity:.7;text-align:right;display:block}.whatsapp-device-mockup{width:320px;height:640px;background:#000;border-radius:25px;padding:8px;box-shadow:var(--shadow-xl);position:relative;display:flex;flex-direction:column;overflow:hidden}.whatsapp-device-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:#333;border-radius:0 0 4px 4px;z-index:10}.whatsapp-header-container{background:#fff}.whatsapp-header{display:flex;align-items:center;justify-content:space-between;background:#075e54;color:#fff;padding:12px 16px;border-radius:17px 17px 0 0;flex-shrink:0;margin:0}.whatsapp-actions{display:flex;gap:16px}.action-icon{font-size:18px;cursor:pointer}.whatsapp-content{background:#ece5dd;border-radius:0 0 17px 17px;padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.message-container{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;align-items:flex-start}.whatsapp-bubble{background:#fff;color:#000;border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000001a;padding:12px 16px;max-width:85%;word-wrap:break-word;position:relative}.whatsapp-bubble .message-text{margin:0 0 4px;font-size:14px;line-height:1.4;color:#000}.whatsapp-bubble .message-time{font-size:11px;opacity:.7;text-align:right;display:block;margin-top:4px}.message-image{margin-bottom:8px;max-width:85%}.whatsapp-image{width:100%;max-width:200px;border-radius:12px;object-fit:cover;display:block}.multiple-images-container{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;max-width:85%}.gallery-image{position:relative;aspect-ratio:1;overflow:hidden}.gallery-image .whatsapp-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.more-images{position:absolute;inset:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border-radius:8px}.email-preview{width:100%;max-width:600px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.email-header{background:var(--color-surface);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.email-header h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.email-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.email-content{padding:var(--spacing-lg)}.email-body h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.email-body p{margin:0;line-height:1.6;color:var(--color-text)}.upload-description{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm)}.image-preview{margin-top:var(--spacing-sm)}.preview-image{width:100%;max-width:200px;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.uploaded-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.image-preview-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.image-preview-item .preview-image{width:100%;height:80px;max-width:none}.image-name{font-size:var(--font-size-xs);text-align:center;word-break:break-all}@media (max-width: 768px){.campaign-modal{width:100vw;height:100vh;border-radius:0}.form-grid,.segments-grid,.templates-grid{grid-template-columns:1fr}.mapping-item{flex-direction:column;align-items:stretch}.mapping-controls{flex-direction:column}.device-preview-container{padding:var(--spacing-md)}.sms-device-mockup,.whatsapp-device-mockup{width:280px;height:560px}}.journeys{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.journeys-header{margin-bottom:var(--spacing-lg)}.journeys-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.journeys-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.journeys-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid transparent}.tab:hover{color:var(--color-text-primary);background-color:var(--color-surface-variant)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg)}.journeys-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.create-journey-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.create-journey-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.create-journey-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.journeys-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.empty-icon{margin-bottom:var(--spacing-lg)}.empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.empty-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-relaxed)}.empty-action{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.empty-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.empty-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.journeys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-lg)}.journey-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.journey-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.journey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.journey-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.journey-rules{margin-bottom:var(--spacing-md)}.rule-operator,.rule-condition{color:var(--color-text-secondary)}.journey-metrics{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.journey-actions{display:flex;gap:var(--spacing-xs)}.journey-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.journey-action:hover{background-color:var(--color-hover);color:var(--color-text)}.journey-action.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.rule-builder{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.rule-builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.rule-builder-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.add-rule-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.add-rule-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.add-rule-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.rules-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.rule-builder-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.rule-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.rule-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);min-width:120px}.rule-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);min-width:100px}.remove-rule-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.remove-rule-button:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.no-rules{text-align:center;padding:var(--spacing-xl)}.no-rules svg{margin-bottom:var(--spacing-md)}.no-rules p{margin:0;font-size:var(--font-size-sm)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-floating)}.modal-content.large{max-width:800px}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-floating)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-close{width:32px;height:32px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.modal-close:hover{background-color:var(--color-hover);color:var(--color-text)}.modal-form{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.input-wrapper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.input-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:var(--spacing-md);flex-shrink:0}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.required{color:var(--color-primary);margin-left:var(--spacing-xs)}.form-input{flex:1;padding:var(--spacing-md);border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-md);outline:none;min-width:0;box-shadow:none}.template-preview{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.preview-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.test-input-group{display:flex;gap:var(--spacing-sm)}.test-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-secondary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.test-button:hover:not(:disabled){background-color:var(--color-secondary-hover)}.test-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.button-secondary{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.button-secondary:hover{background-color:var(--color-hover)}.button-primary{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.journeys-tabs{flex-wrap:wrap}.journeys-actions{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.journeys-grid{grid-template-columns:1fr}.journey-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.journey-metrics{flex-direction:column;gap:var(--spacing-sm)}.rule-row{flex-direction:column;align-items:stretch}.rule-select,.rule-input{min-width:auto}.test-input-group{flex-direction:column}}.journey-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.journey-modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:1400px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden}.journey-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.step-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-variant);transition:var(--transition-fast)}.step.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.step-icon{width:24px;height:24px;border-radius:50%;background:currentColor;color:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.step.active .step-icon{background:#fff;color:var(--color-primary)}.step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.step-connector{width:20px;height:2px;background:var(--color-border);margin:0 var(--spacing-xs)}.journey-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.step-content{max-width:1200px;margin:0 auto}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.search-container{margin-bottom:var(--spacing-xl)}.search-input-wrapper{position:relative;max-width:400px}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-md);transition:var(--transition-fast)}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.segment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.segment-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.segment-card.selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.segment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.segment-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.segment-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.segment-metrics{display:flex;gap:var(--spacing-lg)}.metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-sm)}.metric-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.selected-segments{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.selected-segments h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.selected-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-item{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary)}.template-selection{margin-bottom:var(--spacing-xl)}.template-selection h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast)}.template-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.template-card.selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.template-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.template-content{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.template-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.variable-mapping{margin-bottom:var(--spacing-xl)}.variable-mapping h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.mapping-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.mapping-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mapping-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.variable-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.variable-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:monospace}.variable-label{font-size:var(--font-size-sm)}.mapping-controls{display:flex;gap:var(--spacing-md);flex:1}.mapping-controls select{flex:1}.image-upload-section{margin-bottom:var(--spacing-xl)}.image-upload-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.upload-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.image-uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.image-upload-item{display:flex;flex-direction:column;gap:var(--spacing-md)}.image-upload-container{cursor:pointer}.image-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:var(--transition-fast)}.image-upload-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.image-preview{display:flex;justify-content:center}.image-preview img{max-width:100%;max-height:200px;border-radius:var(--radius-md);object-fit:cover}.uploaded-images-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.image-preview-item{aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-name{display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.preview-summary,.device-preview-section{display:flex;flex-direction:column}.device-preview-section h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.device-preview-container{display:flex;justify-content:center;align-items:flex-start}.preview-summary h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.summary-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.summary-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);row-gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.preview-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.preview-actions-right{display:flex;gap:var(--spacing-md);align-items:center}@media (max-width: 1200px){.preview-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.device-preview-container{justify-content:center}}@media (max-width: 768px){.journey-modal{height:95vh;margin:var(--spacing-sm)}.journey-modal-header,.journey-modal-content{padding:var(--spacing-lg)}.step-indicator{flex-wrap:wrap;gap:var(--spacing-xs)}.step-connector{display:none}.form-grid,.segments-grid,.templates-grid{grid-template-columns:1fr}.mapping-item{flex-direction:column;align-items:flex-start}.mapping-controls{width:100%}.preview-layout{gap:var(--spacing-md)}}.user-segments{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-subtitle{font-size:var(--font-size-md);margin:0}.auth-error-alert{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.auth-error-alert .alert-content{display:flex;align-items:center;gap:var(--spacing-md)}.auth-error-alert .alert-icon{color:#ef4444;flex-shrink:0}.auth-error-alert .alert-text{flex:1}.auth-error-alert .alert-text h4{margin:0 0 var(--spacing-xs) 0;color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.auth-error-alert .alert-text p{margin:0;color:#dc2626;font-size:var(--font-size-sm)}.user-segments .data-availability-alert{background:linear-gradient(135deg,#fef3cd,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.user-segments .alert-content{display:flex;align-items:center;gap:var(--spacing-md)}.user-segments .alert-icon{color:#f59e0b;flex-shrink:0}.user-segments .alert-text{flex:1}.user-segments .alert-text h4{margin:0 0 var(--spacing-xs) 0;color:#92400e;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.user-segments .alert-text p{margin:0;color:#92400e;font-size:var(--font-size-sm)}.user-segments .data-availability-info{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.user-segments .info-content{display:flex;align-items:center;gap:var(--spacing-md)}.user-segments .info-icon{color:#10b981;flex-shrink:0}.user-segments .info-text{flex:1}.user-segments .info-text h4{margin:0 0 var(--spacing-xs) 0;color:#065f46;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.user-segments .info-text p{margin:0;color:#065f46;font-size:var(--font-size-sm)}.user-segments .data-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.user-segments .data-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff80;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2)}.user-segments .schema-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#065f46;text-transform:uppercase;letter-spacing:.5px}.user-segments .record-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#10b981;margin-top:var(--spacing-xs)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--color-surface-variant);color:var(--color-text)}.user-segments .tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.user-segments .tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid transparent}.user-segments .tab:hover{color:var(--color-text);background:var(--color-hover)}.user-segments .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg)}.user-segments .tab-content{padding:var(--spacing-xl) 0}.segments-list{width:100%}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-lg)}.segment-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.segment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.segment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.segment-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.segment-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.segment-rules{margin-bottom:var(--spacing-md)}.rules-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.rule-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.rule-type{background-color:var(--color-primary-subtle);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.rule-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.segment-metrics{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.metric{display:flex;align-items:center;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.segment-actions,.action-buttons{display:flex;gap:var(--spacing-xs)}.user-segments .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.user-segments .btn-icon:hover{background-color:var(--color-hover);color:var(--color-text)}.user-segments .btn-icon.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-icon:active{background-color:var(--color-primary-subtle);color:var(--color-primary)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fef2f2;color:#dc2626}.status-processing{background-color:#fef3c7;color:#d97706}.segment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-surface-variant);border-radius:var(--radius-md)}.stat{text-align:center}.stat-label{display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.segment-rules h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.rules-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rule-item{padding:var(--spacing-sm);background-color:var(--color-surface-variant);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.rule-builder{width:100%}.rule-builder-header{margin-bottom:var(--spacing-xl)}.rule-builder-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.rule-builder-header p{font-size:var(--font-size-md);margin:0}.rule-builder-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);height:600px}.rule-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;overflow:hidden}.rule-preview h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0;flex-shrink:0}.rule-preview-content{flex:1;overflow-y:auto;padding-right:var(--spacing-sm)}.schema-select{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md)}.schema-select h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text)}.schema-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.schema-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast)}.schema-chip:hover{background:var(--color-hover)}.schema-chip.selected{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.schema-count{padding:2px 6px;background:var(--color-surface-variant);border-radius:var(--radius-full);font-size:10px;color:var(--color-text-secondary)}.combine-toggle{display:flex;flex-direction:column;gap:var(--spacing-sm)}.segmented-control{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;width:fit-content;align-self:flex-start}.segment-btn{padding:6px 12px;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;flex:0 0 auto}.segment-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.helper-text{margin:0;font-size:var(--font-size-xs)}.combine-metrics{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.metric-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-xs)}.metric-loading{font-size:var(--font-size-xs)}.rule-preview-content::-webkit-scrollbar{width:6px}.rule-preview-content::-webkit-scrollbar-track{background:var(--color-surface-variant);border-radius:3px}.rule-preview-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.rule-preview-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.rule-preview-text{background-color:var(--color-surface-variant);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-md);border-left:4px solid var(--color-primary)}.validation-result{border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.validation-result.valid{background-color:#dcfce7;border:1px solid #bbf7d0}.validation-result.invalid{background-color:#fef2f2;border:1px solid #fecaca}.validation-result h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.validation-success p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#166534}.validation-error p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:#dc2626}.validation-error ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0}.validation-error li{font-size:var(--font-size-sm);color:#dc2626;margin:var(--spacing-xs) 0}.rule-builder-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;overflow:hidden}.rule-builder-panel h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;flex-shrink:0}.rule-builder-form{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow:hidden}.rule-builder-form-content{flex:1;overflow-y:auto;padding-right:var(--spacing-sm)}.rule-builder-form-content::-webkit-scrollbar{width:6px}.rule-builder-form-content::-webkit-scrollbar-track{background:var(--color-surface-variant);border-radius:3px}.rule-builder-form-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.rule-builder-form-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.conditions-section{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.conditions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.conditions-header h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.rule-summary-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.rule-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text)}.rule-chip .chip-action{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;cursor:pointer}.rule-chip .chip-action:hover{color:var(--color-text)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.conditions-container{overflow:visible}.no-conditions{text-align:center;padding:var(--spacing-xl);background-color:var(--color-surface-variant);border-radius:var(--radius-md);border:2px dashed var(--color-border)}.conditions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.condition-display{background-color:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-fast)}.condition-display:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.condition-content{display:flex;justify-content:space-between;align-items:center}.condition-text{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.condition-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:20px}.condition-description{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.condition-actions{display:flex;gap:var(--spacing-xs)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0}.form-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;outline:none;min-width:100px}.form-actions .btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.form-actions .btn-secondary:hover{background-color:var(--color-surface-variant)}.form-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff}.form-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.condition-modal{max-width:500px}.condition-modal .modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-content-confirmation{padding:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl);border-top:1px solid var(--color-border)}.rules-selection{padding:var(--spacing-md);background-color:var(--color-surface-variant);border-radius:var(--radius-md);text-align:center}.user-segments .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.user-segments .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.user-segments .form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast)}.user-segments .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.user-segments .form-input:hover{border-color:var(--color-primary)}.user-segments .form-input:disabled{background:var(--color-surface-variant);cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-xxl)}.empty-icon{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.empty-state p{margin:0 0 var(--spacing-lg) 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.existing-rules{width:100%}.rules-header{margin-bottom:var(--spacing-xl)}.rules-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.rules-header p{font-size:var(--font-size-md);margin:0 0 var(--spacing-lg) 0}.rules-filters{display:flex;gap:var(--spacing-lg);align-items:end;padding:var(--spacing-lg);background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.filter-group select:hover{border-color:var(--color-primary)}.rules-content{width:100%}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-lg)}.rule-card{background-color:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast)}.rule-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.rule-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.rule-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;flex:1;line-height:1.4}.rule-badges{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end;flex-shrink:0}.category-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.rule-description{margin-bottom:var(--spacing-md)}.rule-description p{font-size:var(--font-size-sm);margin:0;line-height:1.5}.rule-schema{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.rule-schema strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.rule-criteria{margin-bottom:var(--spacing-md)}.rule-criteria h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.criteria-preview{display:flex;flex-direction:column;gap:var(--spacing-xs)}.criteria-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.field-name{font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:80px;text-transform:uppercase;letter-spacing:.5px}.condition{color:var(--color-text);font-family:Courier New,monospace;background-color:var(--color-surface-variant);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px}.rule-metrics{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.rule-metrics .metric{display:flex;align-items:center;gap:var(--spacing-xs)}.rule-metrics .metric-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.rule-metrics .metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.rule-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.rule-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.rule-actions .btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.rule-actions .btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.rule-actions .btn-secondary:hover{background-color:var(--color-surface-variant);border-color:var(--color-primary);color:var(--color-primary)}.rule-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.rule-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.rules-selection{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.rules-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rule-selection-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:var(--transition-fast)}.rule-selection-item:hover{border-color:var(--color-primary);background-color:var(--color-surface-variant)}.rule-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;width:100%}.rule-checkbox input[type=checkbox]{margin:2px 0 0}.rule-info{flex:1}.rule-name{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.rule-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.rule-criteria{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.criteria-chip{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:Courier New,monospace}@media (max-width: 768px){.user-segments{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.segments-grid,.rule-builder-content,.segment-stats,.rules-grid{grid-template-columns:1fr}.rules-filters{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.rule-header{flex-direction:column;align-items:stretch}.rule-badges{align-items:flex-start;flex-direction:row}.rule-metrics{flex-direction:column;gap:var(--spacing-sm)}.rule-actions{justify-content:stretch}.rule-actions .btn{flex:1;justify-content:center}}.user-data-upload{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.schemas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.schema-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-fast)}.schema-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.schema-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.schema-title h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.schema-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.schema-type.loan{background:#dbeafe;color:#1e40af}.schema-type.customer{background:#dcfce7;color:#166534}.schema-content{margin-bottom:var(--spacing-lg)}.schema-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0;line-height:1.5}.schema-stats{display:flex;gap:var(--spacing-md)}.stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--color-background-hover);border-radius:var(--radius-md);min-width:80px}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.schema-actions{display:flex;gap:var(--spacing-sm)}.user-data-upload .data-sync-section{padding:0}.user-data-upload .two-pane-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);min-height:600px}.user-data-upload .left-pane,.user-data-upload .right-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.user-data-upload .pane-header{margin-bottom:var(--spacing-lg)}.user-data-upload .pane-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.user-data-upload .pane-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-data-upload .schema-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-data-upload .schema-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.user-data-upload .schema-item:hover{border-color:var(--color-primary);background:var(--color-hover)}.user-data-upload .schema-item.selected{border-color:var(--color-primary);background:var(--color-primary-subtle)}.user-data-upload .schema-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.user-data-upload .schema-item-header h4{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.user-data-upload .schema-item-description{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-data-upload .schema-item-stats{font-size:var(--font-size-xs);color:var(--color-text-muted)}.schema-details{margin-bottom:var(--spacing-xl)}.schema-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background-hover);border-radius:var(--radius-md)}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.info-value{color:var(--color-text)}.attributes-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.user-data-upload .attributes-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--spacing-sm)}.user-data-upload .attributes-header:hover{background:var(--color-hover)}.user-data-upload .attributes-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.user-data-upload .chevron-icon{color:var(--color-text-muted);transition:var(--transition-fast)}.user-data-upload .chevron-icon.expanded{transform:rotate(180deg)}.attributes-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.attribute-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-hover);border-radius:var(--radius-sm)}.attribute-info{display:flex;align-items:center;gap:var(--spacing-sm)}.attribute-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.attribute-type{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.attribute-type.string{background:#dbeafe;color:#1e40af}.attribute-type.number{background:#dcfce7;color:#166534}.attribute-type.date{background:#fef3c7;color:#92400e}.attribute-type.boolean{background:#fce7f3;color:#be185d}.required-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#fee2e2;color:#dc2626;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.user-data-upload .upload-container{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--spacing-lg)}.user-data-upload .upload-container:hover{border-color:var(--color-primary);background:var(--color-hover)}.user-data-upload .upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.user-data-upload .upload-icon{color:var(--color-text-muted)}.upload-content h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.upload-content p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-selected{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.file-selected .file-name{font-weight:var(--font-weight-medium);color:#fff}.file-selected .btn-icon{color:#fff}.file-selected .btn-icon:hover{background-color:#fff3;color:#fff}.no-schema-selected{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}.no-schema-content{text-align:center}.no-schema-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.no-schema-content h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.no-schema-content p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-data-upload .data-viewer-section{padding:0}.user-data-upload .viewer-header{margin-bottom:var(--spacing-xl)}.user-data-upload .viewer-header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.user-data-upload .viewer-header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-md)}.user-data-upload .viewer-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-data-upload .schema-selector{max-width:400px}.user-data-upload .data-table-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.table-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.table-info{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-container{overflow-x:auto;margin-bottom:var(--spacing-lg)}.data-table{width:100%;border-collapse:collapse;background:var(--color-background)}.data-table th{background:var(--color-background-hover);color:var(--color-text);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm)}.data-table tr:hover{background:var(--color-background-hover)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.page-numbers{display:flex;gap:var(--spacing-xs)}.page-number{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.page-number:hover{border-color:var(--color-primary);background:var(--color-background-hover)}.page-number.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.loading-container p{margin:var(--spacing-md) 0 0 0;font-size:var(--font-size-sm)}.no-data{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.no-data-content{text-align:center}.no-data-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.no-data-content h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.no-data-content p{margin:0 0 var(--spacing-md) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-variant);border-color:var(--color-primary)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.user-data-upload .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.user-data-upload .btn-icon:hover{background-color:var(--color-hover);color:var(--color-text)}.user-data-upload .btn-icon.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.user-data-upload .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.user-data-upload .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.user-data-upload .form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast)}.user-data-upload .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.user-data-upload .form-input:hover{border-color:var(--color-primary)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.header-content{flex:1}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.page-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.header-actions{display:flex;gap:var(--spacing-md);align-items:center}.sync-actions{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}.sync-button{display:flex;align-items:center;gap:var(--spacing-sm);min-width:160px;justify-content:center}.sync-result{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-radius:var(--radius-lg);text-align:center}.result-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.success-icon{color:#10b981}.result-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#065f46}.result-stats{display:flex;justify-content:center;gap:var(--spacing-xl)}.result-stats .stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:#065f46;font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#047857}.sync-button.processing{background-color:var(--color-primary);opacity:.8}.sync-button.success{background-color:#10b981;border-color:#10b981}.sync-button.error{background-color:#ef4444;border-color:#ef4444}.user-data-upload .tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.user-data-upload .tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid transparent}.user-data-upload .tab:hover{color:var(--color-text);background:var(--color-hover)}.user-data-upload .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg)}.user-data-upload .tab-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#10b981;color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs)}.user-data-upload .tab-content{padding:var(--spacing-xl) 0}.upload-section{width:100%}.upload-header{margin-bottom:var(--spacing-xl)}.upload-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.upload-header p{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.upload-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.upload-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:var(--transition-fast)}.upload-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.upload-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-primary-subtle);border-radius:var(--radius-lg);margin:0 auto var(--spacing-lg) auto;color:var(--color-primary)}.upload-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.upload-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.file-input{display:none}.file-info{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-variant);border-radius:var(--radius-md)}.file-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);flex:1;text-align:left}.btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm)}.btn-icon:hover{background-color:var(--color-surface);color:var(--color-text)}.data-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.preview-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-variant)}.preview-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.preview-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.preview-table-container{overflow-x:auto;max-height:400px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.preview-table th{background-color:var(--color-surface-variant);color:var(--color-text);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.preview-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table tr:hover{background-color:var(--color-surface-variant)}.preview-table tr:nth-child(2n){background-color:#00000005}.processing-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.processing-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xxl);text-align:center;box-shadow:var(--shadow-xl);max-width:400px;width:90%}.processing-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.processing-content p{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-spinner.large{width:48px;height:48px;border-width:4px}@media (max-width: 768px){.user-data-upload{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.upload-actions{grid-template-columns:1fr}.preview-table-container{font-size:var(--font-size-xs)}.preview-table th,.preview-table td{padding:var(--spacing-sm)}}.schema-upload{margin-top:var(--spacing-xl)}.schema-upload h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.schema-form{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.schema-form .form-group{margin-bottom:var(--spacing-md)}.schema-form .form-group:last-child{margin-bottom:0}.schema-form .form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.schema-form .form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease}.schema-form .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.schema-form .form-input::placeholder{color:var(--color-text-muted)}.schema-form textarea.form-input{resize:vertical;min-height:80px}@media (max-width: 480px){.upload-card{padding:var(--spacing-lg)}.upload-icon{width:48px;height:48px}.preview-table th,.preview-table td{padding:var(--spacing-xs);max-width:120px}}:root{--brand-primary: #4c1aa3;--brand-secondary: #f59e0b;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-variant: #f7f7f8;--color-header-bg: #ffffff;--color-panel-bg: #fafbfc;--color-main-bg: #ffffff;--color-footer-bg: #ffffff;--color-border: #d1d5db;--color-border-subtle: #f3f4f6;--color-border-strong: #9ca3af;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-primary: var(--brand-primary);--color-primary-hover: #2a0377;--color-primary-active: #1f0259;--color-primary-subtle: rgba(51, 4, 142, .1);--color-secondary: var(--brand-secondary);--color-secondary-hover: #e8891f;--color-secondary-active: #d47a15;--color-secondary-subtle: rgba(240, 153, 41, .08);--color-chat-bubble-ai: var(--color-surface-variant);--color-chat-bubble-user: var(--color-primary);--color-chat-input-bg: var(--color-surface);--color-hover: rgba(0, 0, 0, .05);--color-active: rgba(0, 0, 0, .08);--color-focus: var(--color-primary-subtle);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-floating: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--backdrop-blur: blur(8px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .25s cubic-bezier(.2, .8, .2, 1)}[data-theme=white]{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-variant: #f8f9fa;--color-header-bg: #ffffff;--color-panel-bg: #ffffff;--color-main-bg: #ffffff;--color-footer-bg: #ffffff;--color-border: #e9ecef;--color-border-subtle: #f1f3f4;--color-border-strong: #dee2e6;--color-text: #212529;--color-text-secondary: #6c757d;--color-text-muted: #868e96;--color-text-inverse: #ffffff;--color-primary: var(--brand-primary);--color-primary-hover: #2a0377;--color-primary-active: #1f0259;--color-primary-subtle: rgba(51, 4, 142, .08);--color-secondary: var(--brand-secondary);--color-secondary-hover: #e8891f;--color-secondary-active: #d47a15;--color-secondary-subtle: rgba(240, 153, 41, .06);--color-chat-bubble-ai: #f8f9fa;--color-chat-bubble-user: var(--color-primary);--color-chat-input-bg: #ffffff;--color-hover: rgba(0, 0, 0, .03);--color-active: rgba(0, 0, 0, .05);--color-focus: var(--color-primary-subtle);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .02);--shadow-floating: 0 8px 16px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .03)}[data-theme=dark]{--color-bg: #0f1113;--color-surface: #1a1d21;--color-surface-elevated: #242730;--color-surface-variant: #2a2e35;--color-header-bg: #1a1d21;--color-panel-bg: #161920;--color-main-bg: #0f1113;--color-footer-bg: #1a1d21;--color-border: #2a2e35;--color-border-subtle: #1f2328;--color-border-strong: #3d434d;--color-text: #f0f6fc;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverse: #1a1d21;--color-primary: #4c1aa3;--color-primary-hover: #5c1fb8;--color-primary-active: #6d24cd;--color-primary-subtle: rgba(76, 26, 163, .15);--color-secondary: #f59e0b;--color-secondary-hover: #f59e0b;--color-secondary-active: #d97706;--color-secondary-subtle: rgba(245, 158, 11, .15);--color-chat-bubble-ai: var(--color-surface-variant);--color-chat-bubble-user: var(--color-primary);--color-chat-input-bg: var(--color-surface);--color-hover: rgba(255, 255, 255, .05);--color-active: rgba(255, 255, 255, .08);--color-focus: var(--color-primary-subtle);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-floating: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}:root{--font-family-base: "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Söhne Mono", "Monaco", "Cascadia Code", "Segoe UI Mono", "Roboto Mono", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:none;background:none;padding:0;margin:0;color:inherit}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input,select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast)}.form-input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.form-input:hover,select:hover{border-color:var(--color-primary)}.form-input:disabled,select:disabled{background:var(--color-surface-variant);color:var(--color-text-muted);cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--color-hover);color:var(--color-text)}.btn-icon.danger:hover{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fef3c7;color:#92400e}.status-processing{background-color:#dbeafe;color:#1e40af}.status-running{background-color:#d1fae5;color:#065f46}.status-paused{background-color:#fef3c7;color:#92400e}.status-pending{background-color:#dbeafe;color:#1e40af}.status-connected{background-color:#d1fae5;color:#065f46}.status-disconnected{background-color:#fef2f2;color:#dc2626}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-primary-subtle);color:var(--color-text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md)}.login-container{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-floating);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0;line-height:var(--line-height-relaxed)}.login-form{margin-bottom:var(--spacing-xl)}.login-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-subtle)}.footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.footer-link-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-md) 0 0 0}@media (max-width: 768px){.login-container{padding:var(--spacing-2xl) var(--spacing-xl)}.login-title{font-size:var(--font-size-3xl)}}.search-form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:600px;margin:0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none;z-index:1}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) + 20px + var(--spacing-sm));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-input::placeholder{color:var(--color-text-muted)}.search-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.search-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.search-button:disabled{background:#4c1aa366;cursor:not-allowed;transform:none}@media (min-width: 768px){.search-form{flex-direction:row}.search-button{min-width:120px}}@media (max-width: 768px){.search-form{flex-direction:column;gap:var(--spacing-md)}.search-button{width:100%;margin-top:0}}.shop-list{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md) 0}.shop-list-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xl) 0;text-align:center}.shop-list-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.shop-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-fast)}.shop-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.shop-card-header{margin-bottom:var(--spacing-md)}.shop-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.shop-address{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.shop-address svg{flex-shrink:0;margin-top:2px;color:var(--color-text-muted)}.shop-card-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.shop-select-text{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.shop-list-loading,.shop-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.shop-list-empty p{color:var(--color-text-secondary);font-size:var(--font-size-md)}@media (min-width: 768px){.shop-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.shop-list-grid{grid-template-columns:repeat(3,1fr)}}.search-header{width:100%}.search-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.search-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);margin:0;text-shadow:var(--shadow-md);letter-spacing:var(--letter-spacing-tight)}.search-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.search-header-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff1a;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);height:44px;width:44px;min-width:44px}.search-header-icon-button:hover{background:#fff3;transform:translateY(-1px)}.search-header-button-text{display:none}.search-header-subtitle{color:#ffffffe6;font-size:var(--font-size-md);margin:0;text-shadow:var(--shadow-sm)}.desktop-only{display:none}@media (min-width: 769px){.search-header-title{font-size:var(--font-size-2xl)}.search-header-icon-button{width:auto;padding:var(--spacing-sm) var(--spacing-md)}.search-header-button-text{display:inline}.desktop-only{display:block}}.home-page{height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.fixed-header-section{flex-shrink:0;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--spacing-md)}.search-section{margin-top:var(--spacing-md)}.home-page-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.home-page-container{max-width:1200px;margin:0 auto;width:100%;padding:var(--spacing-xl) var(--spacing-md);box-sizing:border-box}.scrollable-content{padding-bottom:var(--spacing-xl)}@media (max-width: 768px){.fixed-header-section{padding:var(--spacing-md) var(--spacing-sm)}.home-page-container{padding:var(--spacing-lg) var(--spacing-md)}}.institutional-mobile-header{display:flex;align-items:center;justify-content:space-between;height:60px;min-height:60px;padding:0 var(--spacing-md);position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);flex-shrink:0}.header-back-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-inverse);text-decoration:none;padding:var(--spacing-sm);transition:all var(--transition-fast);flex-shrink:0;height:44px;width:44px;border-radius:var(--radius-md)}.header-back-button:hover{background:#ffffff1a;transform:translate(-4px)}.header-back-text{display:none}.header-title{color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;text-shadow:var(--shadow-md);letter-spacing:var(--letter-spacing-tight);flex:1;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center}.header-right-icons{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-width:44px;justify-content:flex-end}.header-spacer{width:44px;height:44px}@media (min-width: 769px){.header-back-text{display:inline}.header-back-button{width:auto;padding:var(--spacing-sm) var(--spacing-lg)}.header-title{font-size:var(--font-size-2xl)}}.place-details-page{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.place-details-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.place-details-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.error-message,.success-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.selected-place-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl);color:var(--color-text)}.selected-place-section .section-title{display:none}.place-card{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast)}.place-card.selected-place{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-primary);box-shadow:var(--shadow-md)}.place-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.place-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;flex:1;color:var(--color-text)}.rating-info{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.rating-stars{display:flex;align-items:center;gap:.25rem}.star-icon{color:var(--color-secondary);fill:var(--color-secondary)}.rating-value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text)}.rating-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.place-address{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.place-address svg{flex-shrink:0;margin-top:2px;color:var(--color-text-muted)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.register-button,.generate-qr-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:150px}.register-button{background:var(--color-primary);color:var(--color-text-inverse)}.register-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-qr-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse)}.generate-qr-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.nearby-places-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle)}.nearby-places-scroll{max-height:500px;overflow-y:auto;padding-right:.5rem}.nearby-places-scroll::-webkit-scrollbar{width:8px}.nearby-places-scroll::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.nearby-places-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.nearby-places-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.no-nearby-places{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-text{font-size:1.1rem;margin-bottom:1.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.back-button:hover{transform:translate(-4px);box-shadow:0 4px 12px #0003}@media (max-width: 768px){.place-details-content{padding:var(--spacing-xl) var(--spacing-sm)}.selected-place-section,.nearby-places-section{padding:var(--spacing-xl)}.action-buttons{flex-direction:column;gap:var(--spacing-md)}.register-button,.generate-qr-button{width:100%;min-width:unset}}.shop-registration-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.shop-registration-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.shop-registration-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.shop-registration-header{text-align:center;margin-bottom:var(--spacing-md)}.registration-form{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}@media (max-width: 768px){.shop-registration-content{padding:var(--spacing-xl) var(--spacing-sm)}.registration-form{padding:var(--spacing-xl)}}.subscription-selection-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.subscription-selection-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.subscription-selection-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.page-subtitle-section{text-align:center;margin-bottom:var(--spacing-2xl)}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.subscription-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid var(--color-border-subtle)}.subscription-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.subscription-card.selected{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:var(--shadow-lg)}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.subscription-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.check-icon{color:var(--color-primary)}.subscription-price{display:flex;align-items:baseline;margin-bottom:var(--spacing-md);gap:var(--spacing-xs)}.currency{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.period{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.subscription-type-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl)}.subscription-benefits{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.subscription-benefits ul{margin:0;padding-left:var(--spacing-xl)}.subscription-benefits li{margin:var(--spacing-sm) 0}.action-section{text-align:center;margin-bottom:var(--spacing-2xl)}.qr-code-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center}.qr-code-display{display:inline-block;padding:var(--spacing-xl);background:var(--color-surface-variant);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.qr-code-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.info-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.payment-status{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.payment-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.payment-status.failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.subscription-selection-content{padding:var(--spacing-xl) var(--spacing-sm)}.subscriptions-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.subscription-card{padding:var(--spacing-xl)}}.consent-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.consent-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.consent-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.consent-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.consent-shop-info,.consent-subscription-info{display:flex;flex-direction:column;min-width:0}.consent-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.consent-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.consent-info-label{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.consent-info-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.consent-content-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.consent-html{color:var(--color-text);line-height:var(--line-height-relaxed)}.consent-html h1{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}.consent-html p{margin:var(--spacing-md) 0;color:var(--color-text-secondary)}.consent-html ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-2xl)}.consent-html li{margin:var(--spacing-sm) 0;color:var(--color-text-secondary)}.consent-checkbox-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-primary-subtle);border-radius:var(--radius-xl);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.consent-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer}.consent-checkbox{width:24px;height:24px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:var(--color-primary)}.consent-checkbox-text{font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.proceed-button{width:100%}@media (max-width: 768px){.consent-content{padding:var(--spacing-xl) var(--spacing-sm)}.consent-info-card{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.consent-subscription-info{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.consent-html{font-size:var(--font-size-sm)}}.consent-qr-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.consent-qr-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.consent-qr-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl) var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.consent-shop-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;text-align:left;width:100%}.consent-shop-info-pane{display:flex;flex-direction:column;min-width:0}.consent-shop-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.consent-shop-address{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.consent-shop-address svg{flex-shrink:0;color:var(--color-text-muted);margin-top:2px}.consent-subscription-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-xl);border-left:1px solid var(--color-border-subtle);min-width:0}.detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.qr-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.qr-generating p{margin-top:var(--spacing-lg);color:var(--color-text-secondary)}.consent-qr-page .qr-code-display img,.consent-qr-page .qr-code-display .qr-code-image{max-width:100%;width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.generate-qr-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.generate-qr-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.generate-qr-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-status{margin-top:var(--spacing-xl);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.payment-status.success,.payment-status.SUCCESS{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-status.pending,.payment-status.PENDING{background:var(--color-secondary-subtle);color:var(--color-secondary);border:1px solid var(--color-secondary)}.payment-status.failed,.payment-status.FAILED{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-status p{margin:var(--spacing-sm) 0;font-weight:var(--font-weight-semibold)}.payment-status .status-detail{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin:var(--spacing-xs) 0;opacity:.8}@media (max-width: 768px){.consent-qr-content{padding:var(--spacing-xl) var(--spacing-sm)}.consent-shop-info-card{grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.consent-shop-name{font-size:var(--font-size-lg)}.consent-shop-address{font-size:var(--font-size-xs)}.consent-subscription-details{padding-left:var(--spacing-md);border-left:1px solid var(--color-border-subtle);gap:var(--spacing-sm)}.detail-label,.detail-value{font-size:var(--font-size-xs)}.qr-code-display{padding:var(--spacing-md)}.consent-qr-page .qr-code-display img,.consent-qr-page .qr-code-display .qr-code-image{max-width:min(100%,calc(100vw - 80px));max-height:min(100%,calc(100vw - 80px))}}.payment-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.payment-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.payment-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md);display:flex;align-items:center;justify-content:center}.payment-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center;max-width:500px;width:100%}.loading-spinner{width:64px;height:64px;border:4px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.payment-loading p{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.loading-hint{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-normal)!important;margin-top:var(--spacing-sm)!important}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center;max-width:500px;width:100%}.retry-button{width:100%}.payment-success-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.payment-success-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.payment-success-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md);text-align:center}.success-icon{margin-bottom:var(--spacing-xl)}.success-check{color:#28a745}.success-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}.success-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl) 0;line-height:var(--line-height-relaxed)}.payment-details{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:left}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.detail-item:last-child{margin-bottom:0}.detail-label{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.detail-value{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.invoice-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.invoice-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0;color:var(--color-text)}.download-button{width:100%}.next-steps{text-align:left;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.steps-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.steps-list{margin:0;padding-left:var(--spacing-xl);color:var(--color-text-secondary)}.steps-list li{margin:.75rem 0;line-height:1.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center;max-width:500px;width:100%;margin:0 auto}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.error-text{font-size:var(--font-size-md);color:var(--color-danger);margin:0;font-weight:var(--font-weight-medium)}.home-button{width:100%}.close-window-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);padding:0}.close-window-button:hover{background:#ffffff1a;color:var(--color-text-inverse)}.close-window-button:active{background:#fff3}@media (max-width: 768px){.payment-success-content{padding:var(--spacing-xl) var(--spacing-sm)}.success-title{font-size:var(--font-size-2xl)}}.payment-failed-page{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:var(--spacing-2xl) var(--spacing-md);display:flex;align-items:center;justify-content:center}.payment-failed-container{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-floating);border:1px solid var(--color-border-subtle);max-width:600px;width:100%;text-align:center}.failure-icon{margin-bottom:2rem}.failure-x{color:#e74c3c}.failure-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#333}.failure-message{font-size:1.1rem;color:#666;margin:0 0 2rem;line-height:1.6}.error-details{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:2rem}.error-text{color:#c33;margin:0;font-weight:500}.payment-status{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.payment-status p{margin:.75rem 0;color:#555;font-size:.95rem}.payment-status strong{color:#333;margin-right:.5rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.retry-button,.home-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.retry-button{background:var(--color-primary);color:var(--color-text-inverse)}.retry-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.home-button{background:var(--color-text-muted);color:var(--color-text-inverse)}.home-button:hover{background:var(--color-text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.help-section{background:#f0f7ff;border-radius:12px;padding:1.5rem;text-align:left}.help-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#333}.help-text{color:#666;margin:0;line-height:1.6}@media (max-width: 768px){.payment-failed-container{padding:2rem 1.5rem}.failure-title{font-size:2rem}.action-buttons{flex-direction:column}.retry-button,.home-button{width:100%}}.manager-approval-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.manager-approval-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.manager-approval-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.refresh-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:#ffffff1a;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);height:44px;width:44px;min-width:44px}.refresh-button:hover{background:#fff3;transform:translateY(-1px)}.page-subtitle-section{margin-bottom:var(--spacing-xl)}.no-payments{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.no-payments p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.payments-list{display:grid;gap:var(--spacing-xl)}.payment-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.payment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle)}.shop-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.status-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.status-badge.success{background:#d4edda;color:#155724}.payment-card-body{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2xl)}.shop-details{flex:1}.shop-details p{margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.shop-details strong{color:var(--color-text);margin-right:var(--spacing-sm)}.send-assets-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.send-assets-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.send-assets-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text)}@media (max-width: 768px){.manager-approval-content{padding:var(--spacing-xl) var(--spacing-sm)}.payment-card-body{flex-direction:column;gap:var(--spacing-lg)}.send-assets-button{width:100%}}.generate-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.generate-page-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.generate-page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl) var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.generate-page-content{padding:var(--spacing-xl) var(--spacing-sm)}}.generate-page-header{text-align:center;margin-bottom:var(--spacing-3xl)}.generate-page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.generate-page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.qr-code-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box}.business-info-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.business-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.business-address{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.business-address svg{flex-shrink:0;color:var(--color-text-muted)}.qr-code-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.qr-code-wrapper{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.qr-code-wrapper img,.qr-code-wrapper svg{max-width:100%;width:100%;height:auto;display:block;object-fit:contain}.qr-code-wrapper svg{max-width:min(256px,calc(100vw - 120px));max-height:min(256px,calc(100vw - 120px));width:auto;height:auto}@media (max-width: 768px){.qr-code-wrapper{padding:var(--spacing-md)}.qr-code-wrapper svg{max-width:min(200px,calc(100vw - 80px));max-height:min(200px,calc(100vw - 80px))}}.qr-code-label{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;text-align:center}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.download-button,.review-link-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.download-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);border:none;cursor:pointer}.download-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}.download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.review-link-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.review-link-button:hover{background:var(--color-hover);border-color:var(--color-primary)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-3xl);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.error-text{color:var(--color-danger);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4c1aa34d}@media (min-width: 768px){.action-buttons{flex-direction:row}.download-button,.review-link-button{flex:1}}.shop-qr-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.shop-qr-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.shop-qr-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl) var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.shop-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center}.shop-address{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.shop-address svg{flex-shrink:0;color:var(--color-text-muted);margin-top:2px}.qr-code-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.section-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.qr-code-display{display:inline-block;padding:var(--spacing-xl);background:var(--color-surface-variant);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-align:center}.shop-qr-page .qr-code-display img,.shop-qr-page .qr-code-display .qr-code-image{max-width:100%;width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.qr-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.download-button,.go-to-dashboard-button{width:100%}@media (max-width: 768px){.shop-qr-content{padding:var(--spacing-xl) var(--spacing-sm)}.shop-info-card{padding:var(--spacing-md)}.qr-code-section{padding:var(--spacing-xl)}.qr-code-display{padding:var(--spacing-md)}.shop-qr-page .qr-code-display img,.shop-qr-page .qr-code-display .qr-code-image{max-width:min(100%,calc(100vw - 80px));max-height:min(100%,calc(100vw - 80px))}}.add-review-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column;overflow:hidden}.add-review-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;height:100vh;overflow:hidden}.add-review-content{flex:1;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.add-review-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.shop-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);text-align:center}.shop-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.shop-address{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-weight:var(--font-weight-medium)}.review-form{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.required{color:var(--color-danger)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-md);transition:all var(--transition-fast);box-sizing:border-box;background:var(--color-surface);color:var(--color-text)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input:disabled{background:var(--color-surface-variant);cursor:not-allowed;opacity:.6}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs);margin-bottom:0}.submit-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-lg)}.submit-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.error-text{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-danger)}@media (max-width: 768px){.add-review-content{padding:var(--spacing-xl) var(--spacing-sm)}.review-form{padding:var(--spacing-xl)}}.thank-you-page{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-bg) 100%);display:flex;flex-direction:column}.thank-you-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:100vh}.thank-you-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md)}.thank-you-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle);text-align:center;max-width:500px;width:100%}.success-icon{color:var(--color-success, #10b981);margin-bottom:var(--spacing-xl);display:flex;justify-content:center}.thank-you-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0}.thank-you-message{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-2xl) 0}.thank-you-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.go-home-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.go-home-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.go-home-button:active{transform:translateY(0)}@media (max-width: 768px){.thank-you-content{padding:var(--spacing-xl) var(--spacing-sm)}.thank-you-card{padding:var(--spacing-xl)}.thank-you-title{font-size:var(--font-size-xl)}.thank-you-message{font-size:var(--font-size-sm)}}