*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f0f4ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--primary-800: #434190;--primary-900: #3c366b;--secondary-50: #fdf4ff;--secondary-100: #fae8ff;--secondary-200: #f5d0fe;--secondary-300: #f0abfc;--secondary-400: #e879f9;--secondary-500: #d946ef;--secondary-600: #c026d3;--secondary-700: #a21caf;--secondary-800: #86198f;--secondary-900: #701a75;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}body{font-family:var(--font-family);line-height:1.6;color:var(--neutral-800);background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-600) 100%);min-height:100vh;overflow-x:hidden}.main-nav{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:70px}.nav-brand h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:var(--space-2)}.nav-item{padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--neutral-600);cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-item:hover{color:var(--primary-600);background:var(--primary-50)}.nav-item.active{color:var(--primary-600);background:var(--primary-100)}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-600);border-radius:1px}.nav-auth,.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:.875rem;color:var(--neutral-600)}.sign-in-btn,.sign-out-btn{padding:var(--space-2) var(--space-4);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sign-in-btn:hover,.sign-out-btn:hover{background:var(--primary-700);transform:translateY(-1px)}.main-content{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.view{display:none}.view.active{display:block}.container{width:100%}.generator-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:start}.generator-panel,.preview-panel{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-header{margin-bottom:var(--space-6)}.panel-header h2{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin-bottom:var(--space-2)}.panel-header p{color:var(--neutral-600);font-size:.875rem}.preview-actions{display:flex;gap:var(--space-2)}.content-type-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.content-type-btn{padding:var(--space-2) var(--space-4);background:var(--neutral-100);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--neutral-700);cursor:pointer;transition:all var(--transition-fast)}.content-type-btn:hover{border-color:var(--primary-300);background:var(--primary-50)}.content-type-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.content-form{display:none}.content-form.active{display:block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.input-group{margin-bottom:var(--space-5)}.input-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--neutral-700);font-size:.875rem}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-fast);background:var(--neutral-50)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px var(--primary-100)}.input-group input.invalid{border-color:var(--error-500);background:var(--error-50)}.input-group textarea{resize:vertical;min-height:100px}.input-group small{display:block;margin-top:var(--space-1);font-size:.75rem;color:var(--neutral-500)}.error-message{display:block;margin-top:var(--space-1);font-size:.75rem;color:var(--error-600)}.url-validation{margin-top:var(--space-2)}.validation-status{font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.validation-status.checking{background:var(--warning-100);color:var(--warning-700)}.validation-status.valid{background:var(--success-100);color:var(--success-700)}.validation-status.invalid{background:var(--error-100);color:var(--error-700)}.validation-status.warning{background:var(--warning-100);color:var(--warning-700)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--space-3)}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:44px;height:24px;background:var(--neutral-300);border-radius:12px;transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-weight:500;color:var(--neutral-700)}.checkbox-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;margin-bottom:var(--space-3)}.checkbox-option input{position:absolute;opacity:0;width:0;height:0}.checkmark{width:20px;height:20px;background:var(--neutral-100);border:2px solid var(--neutral-300);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-fast)}.checkbox-option input:checked+.checkmark{background:var(--primary-600);border-color:var(--primary-600)}.checkbox-option input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.content-section,.dynamic-section,.customization-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--neutral-200)}.content-section:last-child,.dynamic-section:last-child,.customization-section:last-child{border-bottom:none;margin-bottom:0}.content-section h3,.dynamic-section h3,.customization-section h3{font-size:1.125rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-4)}.content-section h4,.dynamic-section h4,.customization-section h4{font-size:1rem;font-weight:600;color:var(--neutral-700);margin-bottom:var(--space-3)}.dynamic-options,.scheduling-options,.password-options,.expiry-options{margin-top:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.customization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.branding-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}.branding-options{display:grid;gap:var(--space-4)}.generate-section{margin-top:var(--space-8)}.generate-btn{width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border:none;border-radius:var(--radius-xl);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.generate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.generate-btn:active{transform:translateY(0)}.btn-icon{font-size:1.25rem}.qr-container{min-height:300px;background:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:var(--space-6) 0}.qr-placeholder{text-align:center;color:var(--neutral-500)}.placeholder-icon{font-size:3rem;margin-bottom:var(--space-4)}.qr-container canvas{max-width:100%;height:auto;border-radius:var(--radius-lg)}.qr-info{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--neutral-200)}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--neutral-600);font-size:.875rem}.info-value{font-weight:600;color:var(--neutral-800);font-size:.875rem}.download-section{margin-top:var(--space-6)}.download-section h3{font-size:1.125rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-4)}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.download-btn{padding:var(--space-3) var(--space-4);background:var(--neutral-100);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--neutral-700);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.download-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700);transform:translateY(-2px)}.management-info{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--space-4)}.management-info h4{font-size:1rem;font-weight:600;color:var(--primary-800);margin-bottom:var(--space-3)}.url-display{margin-bottom:var(--space-3)}.url-display label{display:block;font-size:.75rem;font-weight:500;color:var(--primary-700);margin-bottom:var(--space-1)}.url-input-group{display:flex;gap:var(--space-2)}.url-input-group input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--primary-300);border-radius:var(--radius-md);font-size:.875rem;background:#fff}.copy-btn{padding:var(--space-2) var(--space-3);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:var(--primary-700)}.validation-results{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.validation-results h3{font-size:1rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-3)}.validation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.validation-item{display:flex;flex-direction:column;gap:var(--space-1)}.validation-label{font-size:.75rem;font-weight:500;color:var(--neutral-600)}.validation-status.good{color:var(--success-600);font-weight:600}.validation-status.warning{color:var(--warning-600);font-weight:600}.validation-status.error{color:var(--error-600);font-weight:600}.action-btn{padding:var(--space-2) var(--space-3);background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--neutral-700);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){background:var(--neutral-200);border-color:var(--neutral-400)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid var(--neutral-300);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-text{color:#fff;font-size:1.125rem;font-weight:500}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.auth-modal-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) 0;margin-bottom:var(--space-4)}.auth-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--neutral-800);margin:0}.auth-modal-close{background:none;border:none;font-size:1.5rem;color:var(--neutral-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-modal-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.auth-modal-body{padding:0 var(--space-6) var(--space-6)}.auth-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-4)}.auth-btn:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px)}.auth-btn:disabled{background:var(--neutral-400);cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-bottom:var(--space-4)}.auth-switch p{color:var(--neutral-600);margin-bottom:var(--space-2);font-size:.875rem}.auth-link-btn{background:none;border:none;color:var(--primary-600);font-weight:600;cursor:pointer;text-decoration:underline;font-size:.875rem}.auth-link-btn:hover{color:var(--primary-700)}.auth-error,.auth-success{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;margin-bottom:var(--space-4)}.auth-error{background:var(--error-100);color:var(--error-700);border:1px solid var(--error-200)}.auth-success{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}@media (max-width: 1024px){.generator-grid{grid-template-columns:1fr;gap:var(--space-6)}.preview-panel{order:-1}}@media (max-width: 768px){.nav-container{padding:0 var(--space-4);height:60px}.nav-brand h1{font-size:1.25rem}.nav-menu{display:none}.main-content{padding:var(--space-6) var(--space-4)}.generator-panel,.preview-panel{padding:var(--space-6)}.content-type-selector{flex-direction:column}.form-grid,.customization-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:repeat(2,1fr)}.validation-grid{grid-template-columns:1fr}.url-input-group{flex-direction:column}}@media (max-width: 480px){.nav-container{padding:0 var(--space-3)}.main-content{padding:var(--space-4) var(--space-3)}.generator-panel,.preview-panel{padding:var(--space-4);border-radius:var(--radius-xl)}.download-grid{grid-template-columns:1fr}.auth-modal-content{margin:var(--space-3)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.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)}.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)}.hidden{display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.dashboard-header h2{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dashboard-actions{display:flex;gap:var(--space-3)}.dashboard-actions .action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-actions .action-btn:hover{background:#ffffff4d;border-color:#ffffff80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--neutral-800);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:.875rem;color:var(--neutral-600);font-weight:500}.table-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.table-header h3{font-size:1.5rem;font-weight:700;color:var(--neutral-800)}.table-filters{display:flex;gap:var(--space-3);align-items:center}.table-filters select,.table-filters input{padding:var(--space-2) var(--space-3);border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--neutral-50)}.table-filters select:focus,.table-filters input:focus{outline:none;border-color:var(--primary-500);background:#fff}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--neutral-50);padding:var(--space-4);text-align:left;font-weight:600;color:var(--neutral-700);border-bottom:2px solid var(--neutral-200);white-space:nowrap}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--neutral-200);vertical-align:middle}.data-table tr:hover{background:var(--neutral-50)}.data-table tr.inactive{opacity:.6}.qr-preview{display:flex;align-items:center;gap:var(--space-3)}.qr-mini{width:40px;height:40px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-100)}.qr-id{font-family:var(--font-mono);font-size:.75rem;color:var(--neutral-600)}.qr-title strong{color:var(--neutral-800);font-weight:600}.qr-title small{display:block;color:var(--neutral-500);font-size:.75rem;margin-top:var(--space-1)}.content-type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.content-type.url{background:var(--primary-100);color:var(--primary-700)}.content-type.text{background:var(--neutral-100);color:var(--neutral-700)}.content-type.whatsapp{background:var(--success-100);color:var(--success-700)}.content-type.vcard{background:var(--secondary-100);color:var(--secondary-700)}.content-type.wifi{background:var(--warning-100);color:var(--warning-700)}.content-type.document{background:var(--error-100);color:var(--error-700)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background:var(--success-100);color:var(--success-700)}.status-badge.inactive{background:var(--error-100);color:var(--error-700)}.alert-indicator{margin-left:var(--space-2);font-size:.875rem}.scan-count{font-weight:600;color:var(--neutral-800)}.date{color:var(--neutral-600);font-size:.75rem}.action-buttons{display:flex;gap:var(--space-1)}.action-buttons .action-btn{padding:var(--space-1) var(--space-2);font-size:.75rem;min-width:auto;border-radius:var(--radius-sm)}.action-buttons .action-btn.edit{background:var(--warning-100);border-color:var(--warning-300);color:var(--warning-700)}.action-buttons .action-btn.edit:hover{background:var(--warning-200);border-color:var(--warning-400)}.action-buttons .action-btn.view{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700)}.action-buttons .action-btn.view:hover{background:var(--primary-200);border-color:var(--primary-400)}.action-buttons .action-btn.analytics{background:var(--secondary-100);border-color:var(--secondary-300);color:var(--secondary-700)}.action-buttons .action-btn.analytics:hover{background:var(--secondary-200);border-color:var(--secondary-400)}.action-buttons .action-btn.delete{background:var(--error-100);border-color:var(--error-300);color:var(--error-700)}.action-buttons .action-btn.delete:hover{background:var(--error-200);border-color:var(--error-400)}.auth-required{text-align:center;padding:var(--space-8)}.auth-message{max-width:400px;margin:0 auto}.auth-message h3{font-size:1.25rem;font-weight:600;color:var(--neutral-700);margin-bottom:var(--space-3)}.auth-message p{color:var(--neutral-600);margin-bottom:var(--space-4)}.auth-message .btn-primary{padding:var(--space-3) var(--space-6);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.auth-message .btn-primary:hover{background:var(--primary-700);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.modal-header h3{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--neutral-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--neutral-200)}.btn-primary,.btn-secondary{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-700)}.btn-secondary:hover{background:var(--neutral-300)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.stats-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start}.table-filters{width:100%;justify-content:space-between}.table-filters input{flex:1;min-width:0}.action-buttons{flex-direction:column}.modal-content{width:95%;margin:var(--space-4)}}@media (max-width: 480px){.table-section{padding:var(--space-4)}.data-table th,.data-table td{padding:var(--space-2)}.qr-preview{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qr-mini{width:30px;height:30px}}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.analytics-header h2{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.date-range-selector select{padding:var(--space-2) var(--space-4);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:#fff;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-range-selector select:focus{outline:none;background:#ffffff4d;border-color:#ffffff80}.date-range-selector option{background:var(--neutral-800);color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.chart-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.chart-card h3{font-size:1.125rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.chart-card canvas{max-height:300px}.analytics-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.detail-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.detail-section h3{font-size:1.125rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.performance-list{display:flex;flex-direction:column;gap:var(--space-3)}.performance-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.performance-item:hover{background:var(--neutral-100);transform:translate(4px)}.performance-rank{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.performance-info{flex:1;min-width:0}.performance-title{font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-stats{display:flex;gap:var(--space-3);font-size:.75rem;color:var(--neutral-600)}.performance-stats .stat{background:var(--neutral-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.performance-chart{width:80px;height:20px;background:var(--neutral-200);border-radius:var(--radius-sm);overflow:hidden;position:relative}.chart-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-sm);transition:width var(--transition-normal)}.insights-list{display:flex;flex-direction:column;gap:var(--space-3)}.insight-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-lg)}.insight-flag{font-size:1.5rem;flex-shrink:0}.insight-info{flex:1;min-width:0}.insight-country{font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-1)}.insight-stats{font-size:.75rem;color:var(--neutral-600)}.insight-bar{width:60px;height:8px;background:var(--neutral-200);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--success-500),var(--success-400));border-radius:var(--radius-sm);transition:width var(--transition-normal)}.no-data{text-align:center;padding:var(--space-8);color:var(--neutral-500);font-style:italic}.auth-required-chart{display:flex;align-items:center;justify-content:center;height:300px;background:var(--neutral-50);border-radius:var(--radius-lg);border:2px dashed var(--neutral-300)}.auth-required-chart .auth-message{text-align:center;max-width:300px}.auth-required-chart .auth-message h3{font-size:1.125rem;font-weight:600;color:var(--neutral-600);margin-bottom:var(--space-3)}.auth-required-chart .auth-message p{color:var(--neutral-500);margin-bottom:var(--space-4);font-size:.875rem}.auth-required-chart .btn-primary{padding:var(--space-2) var(--space-4);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.auth-required-chart .btn-primary:hover{background:var(--primary-700)}.chart-card .chartjs-tooltip{background:var(--neutral-800)!important;border-radius:var(--radius-md)!important;border:none!important;box-shadow:var(--shadow-lg)!important}.chart-card .chartjs-tooltip-title{color:#fff!important;font-weight:600!important}.chart-card .chartjs-tooltip-body{color:var(--neutral-300)!important}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;background:var(--neutral-50);border-radius:var(--radius-lg)}.chart-loading-spinner{width:32px;height:32px;border:3px solid var(--neutral-300);border-top:3px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.export-analytics-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);z-index:100}.export-analytics-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}@media (max-width: 1024px){.charts-grid,.analytics-details{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start}.charts-grid{gap:var(--space-4)}.chart-card{padding:var(--space-4)}.chart-card canvas{max-height:250px}.performance-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.performance-chart{width:100%;height:12px}.insight-item{flex-wrap:wrap}.insight-bar{width:100%;margin-top:var(--space-2)}.export-analytics-btn{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px;font-size:1rem}}@media (max-width: 480px){.chart-card{padding:var(--space-3)}.chart-card h3{font-size:1rem}.chart-card canvas{max-height:200px}.performance-stats{flex-direction:column;gap:var(--space-1)}.detail-section{padding:var(--space-4)}}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-card.updating{animation:chartFadeIn .5s ease-out}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.chart-card{position:relative}.analytics-details::-webkit-scrollbar{width:6px}.analytics-details::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:3px}.analytics-details::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:3px}.analytics-details::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.monitoring-layout{display:flex;gap:2rem;height:100%;max-width:1400px;margin:0 auto;padding:1rem}.monitoring-sidebar{width:280px;background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;height:fit-content;position:sticky;top:1rem}.monitoring-main{flex:1;min-width:0}.sidebar-header h3{margin:0 0 1.5rem;color:var(--text-primary, #333);font-size:1.2rem;font-weight:600}.sidebar-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-section h4{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-stats{display:flex;flex-direction:column;gap:.75rem}.sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stat-label{font-size:.85rem;color:var(--text-secondary, #666)}.stat-value{font-weight:600;font-size:1rem;color:var(--text-primary, #333)}.stat-value.excellent{color:#10b981}.stat-value.good{color:#3b82f6}.stat-value.poor{color:#ef4444}.sidebar-actions{display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{padding:.75rem 1rem;border:none;border-radius:8px;background:var(--button-bg, #f3f4f6);color:var(--text-primary, #333);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-btn:hover{background:var(--button-hover-bg, #e5e7eb);transform:translateY(-1px)}.sidebar-btn.primary{background:var(--primary-color, #3b82f6);color:#fff}.sidebar-btn.primary:hover{background:var(--primary-hover, #2563eb)}.sidebar-btn.small{padding:.5rem .75rem;font-size:.8rem}.sidebar-filters{display:flex;flex-direction:column;gap:.75rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-primary, #333)}.filter-toggle input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid var(--border-color, #d1d5db);border-radius:4px;position:relative;transition:all .2s ease}.filter-toggle input[type=checkbox]:checked+.checkmark{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6)}.filter-toggle input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.sidebar-select{width:100%;padding:.75rem;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-primary, #333);font-size:.9rem;cursor:pointer}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.monitoring-header h2{margin:0;color:var(--text-primary, #333);font-size:1.8rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:1rem}.last-updated{font-size:.9rem;color:var(--text-secondary, #666)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color, #e0e0e0);transition:all .3s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.status-icon{font-size:2rem;margin-bottom:1rem}.status-title{font-size:.9rem;color:var(--text-secondary, #666);margin-bottom:.5rem;font-weight:500}.health-indicator{display:flex;align-items:center;gap:1rem}.health-icon{font-size:2rem}.health-text{flex:1}.health-status{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.health-percentage{font-size:.9rem;color:var(--text-secondary, #666)}.health-ring{position:relative;width:36px;height:36px}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring path{transition:stroke-dasharray .5s ease}.progress-fill{stroke:currentColor}.metric-value{display:flex;align-items:center;gap:.5rem}.metric-icon{font-size:1.2rem}.metric-number{font-size:1.3rem;font-weight:600}.metric-detail{font-size:.8rem;color:var(--text-secondary, #666);margin-left:auto}.excellent{color:#10b981}.good{color:#3b82f6}.fair{color:#f59e0b}.poor{color:#ef4444}.unknown{color:#6b7280}.monitoring-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.monitoring-card{background:var(--card-bg, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.monitoring-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.monitoring-card.success{border-left:4px solid #10b981}.monitoring-card.warning{border-left:4px solid #f59e0b}.monitoring-card.error{border-left:4px solid #ef4444}.monitoring-card.unknown{border-left:4px solid #6b7280}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.qr-info{flex:1}.qr-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}.qr-id{font-size:.8rem;color:var(--text-secondary, #666);font-family:monospace}.card-actions{display:flex;gap:.5rem}.action-btn.small{padding:.5rem;border:none;border-radius:6px;background:var(--button-bg, #f3f4f6);color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-size:1rem}.action-btn.small:hover{background:var(--button-hover-bg, #e5e7eb);transform:scale(1.05)}.card-body{padding:1rem 1.5rem}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.8rem;color:var(--text-secondary, #666);font-weight:500}.status-value{font-size:.9rem;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;text-align:center}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.unknown{background:#f3f4f6;color:#374151}.load-time.excellent{color:#10b981}.load-time.good{color:#3b82f6}.load-time.fair{color:#f59e0b}.load-time.poor{color:#ef4444}.mobile-score.good{color:#10b981}.mobile-score.poor{color:#ef4444}.https-status.good{color:#10b981}.https-status.poor{color:#ef4444}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--background-light, #f9fafb);border-top:1px solid var(--border-color, #e0e0e0)}.last-checked{display:flex;flex-direction:column;gap:.25rem}.last-checked .label{font-size:.8rem;color:var(--text-secondary, #666)}.last-checked .value{font-size:.9rem;font-weight:500;color:var(--text-primary, #333)}.issues-summary{display:flex;align-items:center;gap:1rem}.issues-count{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.issues-count.high{background:#fee2e2;color:#991b1b}.issues-count.medium{background:#fef3c7;color:#92400e}.issues-count.low{background:#dbeafe;color:#1e40af}.view-issues-btn{padding:.25rem .5rem;border:none;border-radius:4px;background:var(--button-bg, #f3f4f6);color:var(--text-primary, #333);font-size:.8rem;cursor:pointer;transition:all .2s ease}.view-issues-btn:hover{background:var(--button-hover-bg, #e5e7eb)}.issues-details{padding:1rem 1.5rem;background:var(--background-light, #f9fafb);border-top:1px solid var(--border-color, #e0e0e0)}.issue-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:6px;background:var(--card-bg, #ffffff);border-left:3px solid}.issue-item.high{border-left-color:#ef4444;background:#fef2f2}.issue-item.medium{border-left-color:#f59e0b;background:#fffbeb}.issue-item.low{border-left-color:#3b82f6;background:#eff6ff}.issue-icon{font-size:1.2rem}.issue-message{flex:1;font-size:.9rem;color:var(--text-primary, #333)}.issue-actions{display:flex;gap:.5rem}.fix-btn,.dismiss-btn{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.fix-btn{background:#10b981;color:#fff}.fix-btn:hover{background:#059669}.dismiss-btn{background:#6b7280;color:#fff}.dismiss-btn:hover{background:#4b5563}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary, #666)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary, #333)}.empty-state p{margin:0;font-size:.9rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-header h3{margin:0;color:var(--text-primary, #333);font-size:1.3rem;font-weight:600}.results-info{display:flex;align-items:center;gap:1rem}.results-count{font-size:.9rem;color:var(--text-secondary, #666);font-weight:500}.dark-theme{--card-bg: #1f2937;--background-light: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151;--button-bg: #374151;--button-hover-bg: #4b5563;--input-bg: #374151;--primary-color: #3b82f6;--primary-hover: #2563eb}@media (max-width: 1024px){.monitoring-layout{flex-direction:column;gap:1rem}.monitoring-sidebar{width:100%;position:static}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.monitoring-cards-grid{grid-template-columns:1fr}}@media (max-width: 768px){.monitoring-layout{padding:.5rem}.monitoring-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions{align-self:flex-end}.status-grid{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:flex-start;gap:1rem}.issues-summary{align-self:stretch;justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.monitoring-card{animation:fadeIn .3s ease}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}