:root{--color-primary: rgba(124, 58, 237, .2);--color-primary-dark: rgba(109, 40, 217, .2);--color-primary-light: rgba(139, 92, 246, .2);--color-secondary: #5856D6;--color-secondary-dark: #3634A3;--color-secondary-light: #8E8CD8;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-black: #000000;--color-success: #34C759;--color-error: #FF3B30;--color-warning: #FF9500;--color-info: #5AC8FA;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #818CF8 0%, #A78BFA 100%);--gradient-success: linear-gradient(135deg, #34C759 0%, #30D158 100%);--gradient-warm: linear-gradient(135deg, #FF9500 0%, #FF3B30 100%);--bg-primary-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--bg-secondary-dark: #1E293B;--bg-card-dark: rgba(30, 41, 59, .5);--bg-card-dark-hover: rgba(30, 41, 59, .8);--text-primary-dark: #FFFFFF;--text-secondary-dark: #94A3B8;--text-muted-dark: #64748B;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px;--header-padding-top: 48px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900);background:var(--color-gray-50);min-height:100vh}#root{width:100%;min-height:100vh}button:not([class*=btn]){-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;color:var(--text-secondary-dark);cursor:pointer}button:not([class*=btn]):focus{outline:none}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-gray-900)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-gray-700)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:768px;margin:0 auto;padding:0 var(--space-4)}.container-lg{max-width:1440px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.layout{display:flex;min-height:100vh;background:var(--color-gray-50)}.sidebar{width:250px;background:var(--color-white);border-right:1px solid var(--color-gray-200);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.logo h2{color:var(--color-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav a{color:var(--color-gray-700);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:var(--font-medium)}.nav a:hover{background:var(--color-gray-100);color:var(--color-gray-900);text-decoration:none}.main{flex:1;padding:var(--space-10);overflow-y:auto}.shop-info{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.shop-name{font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--color-gray-900)}.shop-domain{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-base);border:none;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(0)}.logout-btn{width:100%;background:var(--color-gray-100);color:var(--color-gray-900)}.logout-btn:hover{background:var(--color-gray-200)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);background:var(--color-white);color:var(--color-gray-900)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.input::placeholder{color:var(--color-gray-400)}.input.error{border-color:var(--color-error)}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;color:var(--color-gray-500)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);background:var(--color-white);color:var(--color-gray-900)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-group input::placeholder{color:var(--color-gray-400)}.form-group input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;color:var(--color-gray-500)}.form-hint{font-size:var(--text-xs);color:var(--color-gray-500)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.error-message{padding:var(--space-3) var(--space-4);background-color:#ff3b301a;color:var(--color-error);border-radius:var(--radius-md);border:1px solid rgba(255,59,48,.2);font-size:var(--text-sm);margin-bottom:var(--space-4)}.error{color:var(--color-error);padding:var(--space-3);background:#ff3b301a;border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm)}.loading,.empty{text-align:center;padding:var(--space-10);color:var(--color-gray-500)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:var(--space-5)}.auth-box{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.auth-title{font-size:var(--text-4xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-2) 0;text-align:center}.auth-subtitle{font-size:var(--text-base);color:var(--color-gray-500);margin:0 0 var(--space-8) 0;text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-button{padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-gray-600)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-semibold)}.auth-footer a:hover{text-decoration:underline}.status{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-new{background:#007aff1a;color:var(--color-primary)}.status-in_progress{background:#ff95001a;color:var(--color-warning)}.status-resolved{background:#34c7591a;color:var(--color-success)}.status-rejected{background:#ff3b301a;color:var(--color-error)}.dashboard h1{margin-bottom:var(--space-8)}.welcome{margin-bottom:var(--space-10);padding:var(--space-6);background:#007aff0d;border-radius:var(--radius-xl);border:1px solid rgba(0,122,255,.1)}.modules{margin-bottom:var(--space-10)}.modules h3{margin-bottom:var(--space-4)}.modules ul{list-style:none}.modules li{padding:var(--space-2) 0;text-transform:uppercase;font-weight:var(--font-medium);color:var(--color-primary);font-size:var(--text-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-top:var(--space-4)}.stat-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.stat-card h4{color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.claims-list .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.claims-list .header h1{margin:0}table{width:100%;border-collapse:collapse;margin-top:var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table th,table td{padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}table th{font-weight:var(--font-semibold);color:var(--text-secondary-dark);font-size:var(--text-sm);background:#0f172acc}table tbody tr:hover{background:var(--bg-card-dark-hover)}table tbody tr:last-child td{border-bottom:none}.m-0{margin:0}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-primary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-secondary-dark{color:var(--text-secondary-dark)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-gray-200)}.main,.auth-box{padding:var(--space-6)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.auth-container{padding:var(--space-4)}table{font-size:var(--text-sm)}table th,table td{padding:var(--space-3)}}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hero-section-dark{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary-dark);padding:var(--space-20) var(--space-5);text-align:center;position:relative;overflow:hidden}.hero-section-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-size:200% 200%;animation:gradient-shift 15s ease infinite;z-index:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-content-dark{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-full);color:#818cf8;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-6)}.hero-title-dark{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary-dark);margin-bottom:var(--space-6)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary-dark);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.cta-button{padding:var(--space-4) var(--space-8);background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #667eea4d;display:inline-flex;align-items:center;gap:var(--space-2)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea80}.cta-button:active{transform:translateY(0)}.features-section-dark{background:var(--bg-secondary-dark);padding:var(--space-20) var(--space-5)}.section-title-dark{font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-bold);color:var(--text-primary-dark);text-align:center;margin-bottom:var(--space-12)}.feature-grid-dark{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}@media(min-width:768px){.feature-grid-dark{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.feature-grid-dark{grid-template-columns:repeat(3,1fr)}}.glass-card{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);padding:var(--space-8);transition:all .3s ease}.glass-card:hover{background:var(--bg-card-dark-hover);border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.feature-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.feature-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary-dark);margin-bottom:var(--space-3)}.feature-description{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary-dark)}.promo-box-dark{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;max-width:600px;margin:var(--space-12) auto}.promo-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--space-4)}.promo-subtitle{font-size:var(--text-base);color:#ffffffe6;margin-bottom:var(--space-6)}.promo-features{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.promo-feature{display:flex;align-items:center;gap:var(--space-2);color:#fffffff2;font-size:var(--text-sm);font-weight:var(--font-medium)}.promo-feature svg{width:16px;height:16px}.input-dark{width:100%;padding:var(--space-3) var(--space-4);background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-md);color:var(--text-primary-dark);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.input-dark:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.input-dark::placeholder{color:var(--text-muted-dark)}.table-dark{width:100%;border-collapse:collapse;background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);overflow:hidden}.table-dark th{background:#0f172acc;color:var(--text-secondary-dark);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;padding:var(--space-4);text-align:left}.table-dark td{padding:var(--space-4);border-bottom:1px solid rgba(148,163,184,.1);color:var(--text-primary-dark)}.table-dark tbody tr:hover{background:var(--bg-card-dark-hover)}.table-dark tbody tr:last-child td{border-bottom:none}.glow-on-hover:hover{box-shadow:0 0 20px #667eea66,0 0 40px #667eea33}.auth-container-dark{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary-dark);padding:var(--space-5);position:relative;overflow:hidden}.auth-container-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-size:200% 200%;animation:gradient-shift 15s ease infinite;z-index:0}.auth-box-dark{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);width:100%;max-width:420px;position:relative;z-index:1}.auth-title-dark{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary-dark);margin:0 0 var(--space-2) 0;text-align:center}.auth-title-dark .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle-dark{font-size:var(--text-base);color:var(--text-secondary-dark);margin:0 0 var(--space-8) 0;text-align:center}.form-group-dark{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-group-dark label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary-dark)}.form-group-dark input{width:100%;padding:var(--space-3) var(--space-4);background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-md);color:var(--text-primary-dark);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.form-group-dark input:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.form-group-dark input::placeholder{color:var(--text-muted-dark)}.auth-footer-dark{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary-dark)}.auth-footer-dark a{color:#818cf8;text-decoration:none;font-weight:var(--font-semibold)}.auth-footer-dark a:hover{color:#a78bfa;text-decoration:underline}.layout-dark{min-height:100vh;background:var(--bg-primary-dark);position:relative;overflow:hidden}.layout-dark:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);background-size:200% 200%;animation:gradient-shift 15s ease infinite;z-index:0}.hamburger-btn-dark{position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;background:var(--bg-card-dark);border:1px solid rgba(148,163,184,.2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary-dark);display:flex;align-items:center;justify-content:center;width:40px;height:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger-btn-dark:hover{background:#667eea26;border-color:#667eea4d;color:var(--text-primary-dark)}.hamburger-btn-dark:active{transform:scale(.95)}.sidebar-toggle-btn-desktop{position:fixed;top:7px;left:240px;z-index:100;background:var(--bg-card-dark);border:1px solid rgba(148,163,184,.2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:left var(--transition-base),background var(--transition-base),border-color var(--transition-base),transform var(--transition-base);color:var(--text-secondary-dark);display:flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-toggle-btn-desktop.closed{left:var(--space-4)}.sidebar-toggle-btn-desktop:hover{background:#667eea26;border-color:#667eea4d;color:var(--text-primary-dark)}.sidebar-toggle-btn-desktop:active{transform:scale(.95)}@media(max-width:768px){.hamburger-btn-dark{display:flex}.sidebar-toggle-btn-desktop{display:none}}@media(min-width:769px){.hamburger-btn-dark{display:none}.sidebar-toggle-btn-desktop{display:flex}}.sidebar-dark{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(148,163,184,.1);padding:var(--space-8);padding-top:var(--header-padding-top);display:flex;flex-direction:column;gap:var(--space-8);z-index:60;transition:transform var(--transition-base);overflow-y:auto}.sidebar-dark.sidebar-hidden{transform:translate(-100%)}.sidebar-dark .logo h2{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0}.sidebar-dark .logo .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.nav-dark{display:flex;flex-direction:column;gap:var(--space-2)}.nav-dark a{color:var(--text-secondary-dark);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:var(--font-medium);font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2)}.nav-dark a:hover{background:#667eea1a;color:var(--text-primary-dark);text-decoration:none;transform:translate(4px)}.nav-dark a.active{background:var(--gradient-primary);color:var(--color-white)}.nav-dropdown{position:relative}.nav-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);transition:all var(--transition-base);text-align:left;background:transparent}.nav-dropdown-trigger:hover{background:#667eea1a;color:var(--text-primary-dark);transform:translate(4px)}.nav-dropdown-trigger.active{color:var(--text-primary-dark)}.nav-dropdown-arrow{transition:transform var(--transition-base);flex-shrink:0}.nav-dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-6);margin-top:var(--space-1);animation:slideDown .2s ease-out}.nav-dropdown-menu a{color:var(--text-secondary-dark);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:var(--font-normal);font-size:var(--text-sm)}.nav-dropdown-menu a:hover{background:#667eea1a;color:var(--text-primary-dark);text-decoration:none;transform:translate(2px)}.nav-dropdown-menu a.active{background:#667eea26;color:var(--text-primary-dark);font-weight:var(--font-medium)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.main-dark{min-height:100vh;margin-left:280px;padding:var(--header-padding-top) var(--space-10) var(--space-10) var(--space-10);overflow-y:auto;position:relative;z-index:1;transition:margin-left var(--transition-base)}.main-dark.main-expanded{margin-left:0}.shop-info-dark{margin-top:auto;padding-top:var(--space-6);border-top:1px solid rgba(148,163,184,.1)}.shop-info-dark .shop-name{font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--text-primary-dark);font-size:var(--text-base)}.shop-info-dark .shop-domain{font-size:var(--text-sm);color:var(--text-secondary-dark);margin-bottom:var(--space-4)}.logout-btn-dark{width:100%;padding:var(--space-3) var(--space-4);background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:var(--text-secondary-dark);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.logout-btn-dark:hover{background:#94a3b833;color:var(--text-primary-dark);transform:translateY(-1px)}.dashboard-dark{color:var(--text-primary-dark)}.dashboard-dark h1{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary-dark);margin-bottom:var(--space-8)}.dashboard-dark h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.welcome-dark{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);transition:all var(--transition-base)}.welcome-dark:hover{border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.welcome-dark h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary-dark);margin-bottom:var(--space-3)}.welcome-dark p{color:var(--text-secondary-dark);font-size:var(--text-base);margin:0}.modules-dark{margin-bottom:var(--space-10)}.modules-dark h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary-dark);margin-bottom:var(--space-5)}.modules-dark ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;padding:0}.modules-dark li{padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.quick-stats-dark h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary-dark);margin-bottom:var(--space-5)}.stats-grid-dark{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.stat-card-dark{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.stat-card-dark:hover{background:var(--bg-card-dark-hover);border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.stat-card-dark h4{color:var(--text-secondary-dark);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4) 0}.stat-value-dark{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--text-primary-dark);margin:0;line-height:1}.sidebar-overlay-dark{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity var(--transition-base)}@media(max-width:768px){.main-dark{margin-left:0!important;padding:var(--space-6);padding-top:calc(var(--space-6) + 60px)}.hamburger-btn-dark{position:fixed;left:var(--space-4);top:var(--space-4);right:auto;z-index:100}.stats-grid-dark{grid-template-columns:1fr}}@media(max-width:640px){.sidebar-dark{padding:var(--space-6)}.main-dark{padding:var(--space-5)}.stat-card-dark{padding:var(--space-6)}.stat-value-dark{font-size:var(--text-4xl)}}.claims-list-dark .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.claims-list-dark .header h1{color:var(--text-primary-dark);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0}.claims-list-dark .header h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.btn-refresh-dark{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-refresh-dark:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.table-container-dark{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-4)}.table-container-dark table{width:100%;border-collapse:collapse;background:transparent;border-radius:0;overflow:hidden;box-shadow:none}.table-container-dark th{background:#0f172acc;color:var(--text-secondary-dark);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}.table-container-dark td{padding:var(--space-4);border-bottom:1px solid rgba(148,163,184,.1);color:var(--text-primary-dark)}.table-container-dark tbody tr{transition:all var(--transition-fast)}.table-container-dark tbody tr:hover{background:var(--bg-card-dark-hover)}.table-container-dark tbody tr:last-child td{border-bottom:none}.claims-list-dark table,.modal-dark table{width:100%;border-collapse:collapse;background:var(--bg-card-dark);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-4) 0}.claims-list-dark table thead th,.modal-dark table thead th{background:#0f172acc;color:var(--text-secondary-dark);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}.claims-list-dark table tbody th,.modal-dark table tbody th{background:#0f172a80;color:var(--text-secondary-dark);font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid rgba(148,163,184,.1);white-space:nowrap}.claims-list-dark table td,.modal-dark table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(148,163,184,.1);color:var(--text-primary-dark);font-size:var(--text-sm)}.claims-list-dark table tbody tr:last-child td,.claims-list-dark table tbody tr:last-child th,.modal-dark table tbody tr:last-child td,.modal-dark table tbody tr:last-child th{border-bottom:none}.claims-list-dark table tbody tr:hover,.modal-dark table tbody tr:hover{background:var(--bg-card-dark-hover)}.loading-dark{text-align:center;padding:var(--space-10);color:var(--text-secondary-dark);font-size:var(--text-lg)}.empty-dark{text-align:center;padding:var(--space-10);color:var(--text-secondary-dark);font-size:var(--text-lg);background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);margin-top:var(--space-4)}.error-dark{padding:var(--space-4) var(--space-6);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:var(--radius-lg);font-size:var(--text-base);text-align:center}.status-dark{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.settings-section{margin-bottom:var(--space-8)}.settings-card{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.settings-card:hover{border-color:#667eea33;box-shadow:0 8px 24px #0003}.settings-card-header{padding:var(--space-6);border-bottom:1px solid rgba(148,163,184,.1)}.settings-card-header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary-dark);margin:0 0 var(--space-2) 0}.settings-card-header p{font-size:var(--text-sm);color:var(--text-secondary-dark);margin:0}.settings-card-body{padding:var(--space-6)}.settings-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.info-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid rgba(148,163,184,.1)}.info-row:last-child{border-bottom:none}.info-label{font-weight:var(--font-medium);color:var(--text-secondary-dark);font-size:var(--text-sm)}.info-value{color:var(--text-primary-dark);font-size:var(--text-sm)}.info-text{color:var(--text-secondary-dark);margin-bottom:var(--space-4)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-hint-dark{font-size:var(--text-xs);color:var(--text-muted-dark);margin-top:var(--space-1)}.btn-primary-dark{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.btn-primary-dark:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-primary-dark:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-dark{padding:var(--space-3) var(--space-6);background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:var(--text-secondary-dark);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.btn-secondary-dark:hover{background:#94a3b833;color:var(--text-primary-dark)}.btn-danger-dark{padding:var(--space-3) var(--space-6);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.btn-danger-dark:hover:not(:disabled){background:#ef444433;color:#fca5a5}.btn-danger-dark:disabled{opacity:.6;cursor:not-allowed}.integration-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:var(--font-semibold)}.integration-status.connected{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.integration-status.disconnected{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:var(--text-secondary-dark)}.integration-info{background:#1e293b80;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.integration-help{margin-top:var(--space-8);padding:var(--space-6);background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.integration-help h4{color:var(--text-primary-dark);margin-bottom:var(--space-3);font-size:var(--text-base)}.integration-help ol{margin:0;padding-left:var(--space-6);color:var(--text-secondary-dark)}.integration-help li{margin-bottom:var(--space-2);line-height:1.6}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);padding:var(--space-6)}.shop-card{background:#1e293b73;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-base)}.shop-card:hover{border-color:#667eea40;box-shadow:0 8px 20px #0003}.shop-card.active{border-color:#667eea66;box-shadow:0 12px 28px #667eea1f}.shop-card-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.shop-card-name{color:var(--text-primary-dark);font-size:var(--text-lg);font-weight:var(--font-semibold)}.shop-card-domain{color:var(--text-secondary-dark);font-size:var(--text-sm)}.shop-card-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#667eea26;border:1px solid rgba(102,126,234,.35);color:#a5b4fc;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.shop-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.shop-card-selected{color:#a5b4fc;font-weight:var(--font-semibold);font-size:var(--text-sm)}.shop-card.empty{text-align:center;align-items:center;justify-content:center;gap:var(--space-3)}.shop-card-actions{flex:1}.btn-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#f87171;cursor:pointer;transition:all var(--transition-base)}.btn-delete-icon:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.btn-delete-icon:active{background:#ef44444d}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.coming-soon-item{padding:var(--space-5);background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-lg);text-align:center}.coming-soon-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.coming-soon-item h4{color:var(--text-primary-dark);font-size:var(--text-base);margin-bottom:var(--space-2)}.coming-soon-item p{color:var(--text-secondary-dark);font-size:var(--text-sm);margin-bottom:var(--space-3)}.badge-coming-soon{display:inline-block;padding:var(--space-1) var(--space-3);background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#818cf8;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.user-roles-info{background:#1e293b80;border-radius:var(--radius-lg);padding:var(--space-5)}.user-roles-info h4{color:var(--text-primary-dark);margin-bottom:var(--space-3);font-size:var(--text-base)}.role-description{padding:var(--space-2) 0;color:var(--text-secondary-dark);font-size:var(--text-sm);line-height:1.6}.role-description strong{color:var(--text-primary-dark)}.add-user-form{padding:var(--space-5);background:#1e293b80;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.add-user-form h3{color:var(--text-primary-dark);margin-bottom:var(--space-4);font-size:var(--text-lg)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#818cf8;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.status-badge.active{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#4ade80}.status-badge.inactive{background:#94a3b833;border:1px solid rgba(148,163,184,.3);color:var(--text-secondary-dark)}.user-actions{display:flex;gap:var(--space-2)}.action-btn{background:transparent;border:none;cursor:pointer;font-size:var(--text-lg);padding:var(--space-1);transition:transform var(--transition-fast)}.action-btn:hover{transform:scale(1.2)}.action-btn.danger:hover{filter:brightness(1.2)}.status-dark.status-new{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-dark.status-in_progress{background:#fb923c33;color:#fbbf24;border:1px solid rgba(251,146,60,.3)}.status-dark.status-resolved{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-dark.status-rejected{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.integration-method-selector{display:flex;flex-direction:column;gap:var(--space-4)}.method-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#1e293b4d;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.method-option:hover{background:#1e293b80;border-color:#94a3b833}.method-option.selected{background:#667eea1a;border-color:#667eea4d}.method-option input[type=radio]{margin-top:var(--space-1);cursor:pointer;width:20px;height:20px;flex-shrink:0}.method-content{color:var(--text-primary-dark);flex:1}.method-content h3{margin:0 0 var(--space-2) 0;color:var(--text-primary-dark);font-size:var(--text-lg);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-2)}.method-content p{margin:0;color:var(--text-secondary-dark);font-size:var(--text-sm);line-height:1.5}.badge-recommended{display:inline-flex;align-items:center;padding:4px 12px;background:#fb923c33;border:1px solid rgba(251,146,60,.3);color:#fbbf24;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.modal-dark{scrollbar-width:thin;scrollbar-color:#475569 #1e293b}.modal-dark::-webkit-scrollbar{width:8px}.modal-dark::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.modal-dark::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.modal-dark::-webkit-scrollbar-thumb:hover{background:#64748b}.main-dark ul,.modal-dark ul,.settings-card-body ul{padding-left:var(--space-6);margin:var(--space-3) 0}.main-dark li,.modal-dark li,.settings-card-body li{margin-bottom:var(--space-2);color:var(--text-secondary-dark);line-height:1.6}.main-dark li strong,.modal-dark li strong,.settings-card-body li strong{color:var(--text-primary-dark)}.main-dark a,.modal-dark a,.settings-card-body a{color:#818cf8;text-decoration:none;transition:color var(--transition-fast)}.main-dark a:hover,.modal-dark a:hover,.settings-card-body a:hover{color:#a78bfa;text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.toast-container{position:fixed;top:var(--space-6, 24px);right:var(--space-6, 24px);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3, 12px);pointer-events:none}.toast{pointer-events:all;min-width:320px;max-width:420px;background:#1f2937f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));overflow:hidden;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(calc(100% + 24px));opacity:0}to{transform:translate(0);opacity:1}}.toast-exit{animation:slideOutRight .3s cubic-bezier(.6,0,.84,0)}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 24px));opacity:0}}.toast-content{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px);padding-bottom:var(--space-3, 12px)}.toast-icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px)}.toast-icon{width:20px;height:20px}.toast-success .toast-icon-wrapper{background:#34c75933;color:var(--color-success, #34C759)}.toast-success .toast-progress-bar{background:var(--color-success, #34C759)}.toast-error .toast-icon-wrapper{background:#ff3b3033;color:var(--color-error, #FF3B30)}.toast-error .toast-progress-bar{background:var(--color-error, #FF3B30)}.toast-warning .toast-icon-wrapper{background:#ff950033;color:var(--color-warning, #FF9500)}.toast-warning .toast-progress-bar{background:var(--color-warning, #FF9500)}.toast-info .toast-icon-wrapper{background:#5ac8fa33;color:var(--color-info, #5AC8FA)}.toast-info .toast-progress-bar{background:var(--color-info, #5AC8FA)}.toast-message{flex:1;margin:0;padding-top:2px;color:var(--color-gray-50, #F9FAFB);font-size:14px;line-height:1.5;word-wrap:break-word}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-gray-400, #9CA3AF);cursor:pointer;transition:color var(--transition-fast, .15s);display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--color-gray-50, #F9FAFB)}.toast-close svg{width:16px;height:16px}.toast-progress{height:4px;background:#ffffff1a;overflow:hidden}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:progressCountdown linear forwards}@keyframes progressCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:640px){.toast-container{left:var(--space-4, 16px);right:var(--space-4, 16px);top:var(--space-4, 16px)}.toast{min-width:0;max-width:100%}}.toast+.toast{margin-top:0}.shop-filter{display:flex;flex-direction:column;gap:.35rem;position:relative}.shop-filter-label{font-size:.75rem;color:var(--text-secondary-dark)}.shop-filter-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .75rem;background:#1e293be6;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;color:var(--text-primary-dark);cursor:pointer;gap:.5rem;transition:border-color .15s ease}.shop-filter-trigger:hover{border-color:#667eea4d}.shop-filter-trigger svg{transition:transform .15s ease}.shop-filter-trigger svg.rotated{transform:rotate(180deg)}.shop-filter-dropdown{position:absolute;top:100%;right:0;margin-top:.35rem;background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;box-shadow:0 20px 60px #00000059;padding:.5rem;z-index:20;min-width:220px;display:flex;flex-direction:column;gap:.15rem}.shop-filter-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;background:transparent;border:none;color:var(--text-primary-dark);text-align:left;cursor:pointer}.shop-filter-item:hover{background:#94a3b814;border-radius:.5rem}.shop-filter-item.active{background:#667eea1f;border-radius:.5rem}.shop-filter-item.active:before{content:"✓";font-size:.75rem;color:#667eea;margin-right:.25rem}.shop-filter-divider{height:1px;background:#94a3b826;margin:.35rem 0}.shop-filter-text{display:flex;flex-direction:column;align-items:flex-start}.shop-filter-name{font-weight:600}.shop-filter-domain{font-size:.75rem;color:var(--text-secondary-dark)}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{position:relative;display:inline-block}.spinner-small{width:24px;height:24px}.spinner-medium{width:48px;height:48px}.spinner-large{width:64px;height:64px}.spinner-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:#667eea;border-right-color:#764ba2;animation:spinner-rotate .8s cubic-bezier(.4,0,.2,1) infinite}.spinner-circle:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;border-radius:50%;border:1px solid transparent;border-top-color:#667eea66;border-right-color:#764ba266;transform:translate(-50%,-50%);animation:spinner-rotate 1.2s cubic-bezier(.4,0,.2,1) infinite reverse}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-container.with-text{gap:1rem}.spinner-text{color:#a0aec0;font-size:.95rem;font-weight:500;letter-spacing:.02em;margin-top:1rem}.webhook-logs-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.webhook-logs-modal{background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.3);border-radius:12px;max-width:1200px;width:100%;max-height:90vh;box-shadow:0 10px 40px #0006;overflow:hidden;animation:webhook-logs-modal-slide-in .2s ease-out;display:flex;flex-direction:column}@keyframes webhook-logs-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.webhook-logs-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(148,163,184,.2)}.webhook-logs-modal__title{font-size:20px;font-weight:600;color:#e2e8f0;margin:0}.webhook-logs-modal__subtitle{font-size:14px;color:#94a3b8;margin:4px 0 0}.webhook-logs-modal__close{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#e2e8f0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;font-size:28px;font-weight:300;line-height:1}.webhook-logs-modal__close:hover:not(:disabled){background-color:#94a3b840;color:#fff;border-color:#94a3b866;transform:scale(1.05)}.webhook-logs-modal__close:focus{outline:none;box-shadow:0 0 0 2px #94a3b84d}.webhook-logs-modal__close:disabled{opacity:.5;cursor:not-allowed}.webhook-logs-modal__body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#475569 #1e293b}.webhook-logs-modal__body::-webkit-scrollbar{width:8px}.webhook-logs-modal__body::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.webhook-logs-modal__body::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.webhook-logs-modal__body::-webkit-scrollbar-thumb:hover{background:#64748b}.webhook-logs-modal__empty{text-align:center;padding:3rem 1rem;color:#94a3b8}.webhook-logs-modal__empty p{margin:0;font-size:15px}.webhook-logs-modal__table-wrapper{overflow-x:auto;background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-xl);overflow:hidden}.webhook-logs-table{width:100%;border-collapse:collapse;font-size:14px;background:transparent}.webhook-logs-table thead{background:#0f172acc}.webhook-logs-table thead th{text-align:left;padding:var(--space-4);font-weight:var(--font-semibold);color:var(--text-secondary-dark);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.1);white-space:nowrap;background:#0f172acc}.webhook-logs-table td{padding:var(--space-4);color:var(--text-primary-dark);border-bottom:1px solid rgba(148,163,184,.1)}.webhook-logs-table tbody tr{transition:all var(--transition-fast)}.webhook-logs-table tbody tr:hover{background:var(--bg-card-dark-hover)}.webhook-logs-table tbody tr:last-child td{border-bottom:none}.webhook-logs-table__datetime{font-family:monospace;font-size:13px;white-space:nowrap}.webhook-logs-table__event{font-weight:500;color:#e2e8f0}.webhook-logs-table__instance{font-family:monospace;font-size:13px;color:#94a3b8}.webhook-logs-table__status{white-space:nowrap}.webhook-logs-table__error{max-width:300px}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge--success{background-color:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge--error{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge--warning{background-color:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge--default{background-color:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.error-text{color:#fca5a5;font-size:13px;cursor:help}.webhook-logs-modal__pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.2)}.pagination-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid rgba(148,163,184,.3);background-color:#94a3b81a;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#94a3b833;border-color:#94a3b866}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#94a3b8;font-size:14px}.webhook-logs-modal__footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(148,163,184,.2)}.webhook-logs-modal__footer .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.webhook-logs-modal__footer .btn:disabled{opacity:.5;cursor:not-allowed}.webhook-logs-modal__footer .btn-secondary{background-color:#94a3b833;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}.webhook-logs-modal__footer .btn-secondary:hover:not(:disabled){background-color:#94a3b84d}@media(max-width:1024px){.webhook-logs-modal{max-width:100%}.webhook-logs-table{font-size:13px}.webhook-logs-table th,.webhook-logs-table td{padding:10px 12px}}@media(max-width:768px){.webhook-logs-modal__pagination{flex-direction:column;gap:.75rem}.pagination-button{width:100%}.pagination-info{order:-1}.webhook-logs-table__error{max-width:150px}}.delete-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);border-radius:12px;max-width:500px;width:100%;box-shadow:0 10px 40px #0006;overflow:hidden;animation:delete-modal-slide-in .2s ease-out}@keyframes delete-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(239,68,68,.2)}.delete-modal__title{font-size:20px;font-weight:600;color:#ef4444;margin:0}.delete-modal__close{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#e2e8f0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;font-size:28px;font-weight:300;line-height:1}.delete-modal__close:hover:not(:disabled){background-color:#94a3b840;color:#fff;border-color:#94a3b866;transform:scale(1.05)}.delete-modal__close:focus{outline:none;box-shadow:0 0 0 2px #94a3b84d}.delete-modal__close:disabled{opacity:.5;cursor:not-allowed}.delete-modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.delete-modal__description{color:#e2e8f0;font-size:15px;line-height:1.6;margin:0}.delete-modal__description strong{color:#fff}.delete-modal__warning{display:flex;gap:12px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px}.delete-modal__warning-icon{flex-shrink:0;color:#ef4444;margin-top:2px}.delete-modal__warning-text{color:#fca5a5;font-size:14px;line-height:1.5}.delete-modal__warning-text strong{color:#ef4444}.delete-modal__warning-text ul{margin:8px 0 0;padding-left:20px}.delete-modal__warning-text li{margin-bottom:4px}.delete-modal__confirm{display:flex;flex-direction:column;gap:8px}.delete-modal__confirm label{color:#94a3b8;font-size:14px}.delete-modal__confirm label strong{color:#fff;font-family:monospace;background:#ffffff1a;padding:2px 6px;border-radius:4px}.delete-modal__confirm input{padding:12px 16px;border:1px solid rgba(148,163,184,.3);border-radius:8px;font-size:15px;background:#0f172a99;color:#fff;transition:all .2s ease}.delete-modal__confirm input:focus{outline:none;border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.delete-modal__confirm input::placeholder{color:#64748b}.delete-modal__confirm input:disabled{opacity:.5;cursor:not-allowed}.delete-modal__footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.delete-modal__footer .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.delete-modal__footer .btn:disabled{opacity:.5;cursor:not-allowed}.delete-modal__footer .btn-secondary{background-color:#94a3b833;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}.delete-modal__footer .btn-secondary:hover:not(:disabled){background-color:#94a3b84d}.delete-modal__footer .btn-danger{background-color:#ef4444;color:#fff}.delete-modal__footer .btn-danger:hover:not(:disabled){background-color:#dc2626}@media(max-width:576px){.delete-modal{max-width:100%}.delete-modal__footer{flex-direction:column-reverse}.delete-modal__footer .btn{width:100%}}.status-filter{display:flex;flex-direction:column;gap:.35rem;position:relative}.status-filter-label{font-size:.75rem;color:var(--text-secondary-dark)}.status-filter-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .75rem;background:#1e293be6;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;color:var(--text-primary-dark);cursor:pointer;gap:.5rem;transition:border-color .15s ease;min-width:150px}.status-filter-trigger:hover{border-color:#667eea4d}.status-filter-trigger svg{transition:transform .15s ease}.status-filter-trigger svg.rotated{transform:rotate(180deg)}.status-filter-dropdown{position:absolute;top:100%;left:0;margin-top:.35rem;background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;box-shadow:0 20px 60px #00000059;padding:.5rem;z-index:20;min-width:180px;display:flex;flex-direction:column;gap:.15rem}.status-filter-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;background:transparent;border:none;color:var(--text-primary-dark);text-align:left;cursor:pointer}.status-filter-item:hover{background:#94a3b814;border-radius:.5rem}.status-filter-item.active{background:#667eea1f;border-radius:.5rem}.status-filter-item.active:before{content:"✓";font-size:.75rem;color:#667eea;margin-right:.25rem}.status-filter-divider{height:1px;background:#94a3b826;margin:.35rem 0}