.toast{background:#fff;border:none;border-radius:12px;align-items:center;gap:1rem;min-width:320px;max-width:480px;padding:1rem 1.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) slideInBounce;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes slideInBounce{0%{opacity:0;transform:translate(120%)scale(.8)}60%{opacity:1;transform:translate(-10px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}.toast-exit{animation:.5s cubic-bezier(.4,0,1,1) forwards slideOutFade}@keyframes slideOutFade{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.9)}}.toast-icon{flex-shrink:0;font-size:1.5rem;transition:all .2s;color:#fff!important}.toast-icon-clickable{cursor:pointer;animation:2s ease-in-out infinite subtlePulse;transform:scale(1)}.toast-icon-clickable:hover{filter:brightness(1.2);animation:none;transform:scale(1.1)}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.8}}.toast-message{color:var(--brand-black);flex:1;margin:0;font-size:1rem;font-weight:500;line-height:1.4}.toast-close{color:#0006;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#000000b3;background:#00000014}.toast-close .material-icons{font-size:1.2rem}.toast-success{color:#10b981;background:#10b981}.toast-success .toast-message{color:#fff}.toast-success .toast-close{color:#fffc}.toast-success .toast-close:hover{color:#fff;background:#ffffff1a}.toast-error{color:#ef4444;background:#ef4444}.toast-error .toast-message{color:#fff}.toast-error .toast-close{color:#fffc}.toast-error .toast-close:hover{color:#fff;background:#ffffff1a}.toast-warning{color:#f59e0b;background:#f59e0b}.toast-warning .toast-message{color:#fff}.toast-warning .toast-close{color:#fffc}.toast-warning .toast-close:hover{color:#fff;background:#ffffff1a}.toast-info{color:#3b82f6;background:#3b82f6}.toast-info .toast-message{color:#fff}.toast-info .toast-close{color:#fffc}.toast-info .toast-close:hover{color:#fff;background:#ffffff1a}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.toast-container .toast{pointer-events:all}@media (width<=640px){.toast{min-width:280px;max-width:calc(100vw - 2rem)}.toast-container{left:1rem;right:1rem}}.page-header-content{justify-content:space-between;align-items:center;display:flex}.page-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.page-header p{color:var(--text-tertiary);font-size:1rem}.loading-state,.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.status-badge{text-transform:uppercase;border-radius:0;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.active{color:#155724;background-color:#d4edda}.status-badge.inactive{color:#721c24;background-color:#f8d7da}.status-badge.pending{color:#856404;background-color:#fff3cd}.status-badge.expired{color:#721c24;background-color:#f8d7da}.status-badge.used{color:#0c5460;background-color:#d1ecf1}.modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.btn-primary{background-color:var(--brand-black);border:1px solid var(--brand-black);color:var(--text-inverse);cursor:pointer;border-radius:0;align-items:center;gap:6px;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--neutral-white);border-color:var(--brand-black);color:var(--brand-black);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{color:#fff;cursor:pointer;background-color:#6c757d;border:1px solid #6c757d;border-radius:0;align-items:center;gap:6px;padding:.9rem 1.75rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#6c757d;background-color:#fff;border-color:#6c757d;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d33}.btn-danger{background-color:var(--semantic-critical);border:1px solid var(--semantic-critical);color:var(--text-inverse);cursor:pointer;border-radius:0;align-items:center;gap:6px;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background-color:var(--neutral-white);border-color:var(--semantic-critical);color:var(--semantic-critical);transform:translateY(-1px);box-shadow:0 2px 8px #c73e4733}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:1.4rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--brand-black);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.loading{pointer-events:none}.btn.small{padding:6px 12px;font-size:1.2rem}.btn.primary{background-color:var(--brand-black);border-color:var(--brand-black);color:var(--text-inverse)}.btn.primary:hover:not(:disabled){background-color:var(--neutral-white);border-color:var(--brand-black);color:var(--brand-black);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.btn.secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn.secondary:hover:not(:disabled){color:#6c757d;background-color:#fff;border-color:#6c757d;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d33}.btn.secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #6c757d26}.btn.success{background-color:var(--semantic-success);border-color:var(--semantic-success);color:var(--text-inverse)}.btn.success:hover:not(:disabled){background-color:var(--neutral-white);border-color:var(--semantic-success);color:var(--semantic-success);transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.btn.success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #22c55e26}.btn.danger{color:var(--text-inverse);background-color:#dc2626;border-color:#dc2626}.btn.danger:hover:not(:disabled){background-color:var(--neutral-white);color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.btn.danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #dc262626}.btn.warning{background-color:var(--semantic-warning);border-color:var(--semantic-warning);color:var(--text-inverse)}.btn.warning:hover:not(:disabled){background-color:var(--neutral-white);border-color:var(--semantic-warning);color:var(--semantic-warning);transform:translateY(-1px);box-shadow:0 2px 8px #fbbf2433}.btn.warning:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #fbbf2426}.btn .material-icons{font-size:inherit;line-height:1}.btn.loading .btn-text{opacity:0}.btn .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{z-index:var(--z-modal-backdrop);background-color:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.modal-container{background:var(--card-white);border:1px solid var(--border-default);border-radius:0;max-height:90vh;animation:.3s slideDown;overflow-y:auto;box-shadow:0 4px 16px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-container.small{width:400px;max-width:90%}.modal-container.medium{width:600px;max-width:90%}.modal-container.large{width:800px;max-width:95%}.modal-header{padding:var(--spacing-2xl) var(--spacing-3xl);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--primary-text);margin:0;font-size:2rem;font-weight:600}.modal-close{cursor:pointer;padding:var(--spacing-sm);color:var(--tertiary-text);transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--hover-gray);color:var(--primary-text)}.modal-close .material-icons{font-size:2.4rem}.modal-body{padding:var(--spacing-3xl)}.modal-body .form-group{margin-bottom:var(--spacing-xl)}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{margin-bottom:var(--spacing-sm);color:var(--primary-text);font-size:1.4rem;font-weight:700;display:block}.modal-body input,.modal-body textarea,.modal-body select{border:1px solid var(--color-input-border);border-radius:var(--radius-none);width:100%;height:44px;font-size:var(--base-font-size);font-family:var(--font-family);padding:12px;transition:border-color .2s}.modal-body textarea{height:auto;min-height:100px}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:var(--brand-black);outline:none;box-shadow:0 0 0 2px #1d1d1b1f}.modal-body .form-error{color:var(--error-red);margin-top:var(--spacing-sm);font-size:1.2rem}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-3xl);border-top:1px solid var(--border-default);display:flex}@media (width<=768px){.modal-container.small,.modal-container.medium,.modal-container.large{width:95%;max-height:85vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-xl)}}.data-table{background:var(--color-card);border-radius:var(--radius-lg);width:100%;box-shadow:var(--elevation-card);border:1px solid var(--color-border);overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table thead{background:var(--color-table-header);color:var(--text-tertiary)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.02em;padding:12px;font-size:1.1rem;font-weight:700}.data-table tbody tr:nth-child(odd){background-color:var(--neutral-white)}.data-table tbody tr:nth-child(2n){background-color:var(--neutral-gray-50)}.data-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .12s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-table-hover)!important}.data-table tbody tr.clickable{cursor:pointer}.data-table td{color:var(--text-primary);padding:12px;font-size:1.4rem}.table-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.table-loading p{color:var(--text-secondary);font-size:.9375rem}.table-empty{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.table-empty .material-icons{color:var(--text-disabled);font-size:4rem}.table-empty p{color:var(--text-secondary);font-size:.9375rem}.spinner{border:3px solid var(--border-color);border-top-color:var(--artexa-red);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.data-table{overflow-x:auto}.data-table table{min-width:600px}.data-table th,.data-table td{padding:.75rem;font-size:.875rem}}.sidebar{background:var(--artexa-black);color:#fff;z-index:100;flex-direction:column;width:260px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 1rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.logo-icon{background:var(--artexa-red);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:700;display:flex}.logo-text{white-space:nowrap;font-size:1.125rem;font-weight:600;overflow:hidden}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.sidebar-toggle:hover{background:#ffffff1a}.sidebar-toggle .material-icons{font-size:1.5rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;font-size:.9375rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:before{content:"";background:var(--artexa-red);width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#e01e2626}.nav-item.active:before{transform:scaleY(1)}.nav-item .material-icons{flex-shrink:0;font-size:1.5rem}.nav-label{white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem 0}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem 0}.logout-button{color:#ffffffb3}.logout-button:hover{color:var(--artexa-red);background:#e01e261a}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%)}.sidebar.collapsed{width:70px;transform:translate(0)}.sidebar:not(.collapsed){transform:translate(0)}}.status-dot{border-radius:50%;flex-shrink:0;display:inline-block}.status-dot.size-default{width:10px;height:10px}.status-dot.size-small{width:8px;height:8px}.status-dot.status-active{background:var(--success-green);box-shadow:0 0 0 2px #4caf5033}.status-dot.status-inactive{background:var(--warning-orange);box-shadow:0 0 0 2px #f59e0b33}.status-dot.status-disabled{background:var(--artexa-red);box-shadow:0 0 0 2px #e01e2633}.status-dot.status-active{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.metric-card{background:var(--brand-black);box-shadow:var(--elevation-card);border-radius:0;flex-direction:column;gap:8px;padding:16px;transition:all .3s;display:flex}.metric-card:hover{box-shadow:var(--elevation-hover);transform:translateY(-2px)}.metric-card.loading{opacity:.6;pointer-events:none}.metric-icon{display:none}.metric-content{flex:1;min-width:0}.metric-title{color:var(--text-inverse);text-transform:uppercase;letter-spacing:.02em;opacity:.7;margin:0 0 8px;font-size:1.2rem;font-weight:700}.metric-value{color:var(--text-inverse);text-align:right;margin:0;font-size:3rem;font-weight:800;line-height:1}.metric-card.loading .metric-value{animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}@media (width<=640px){.metric-card{padding:1.25rem}.metric-icon{width:48px;height:48px}.metric-icon .material-icons{font-size:1.75rem}.metric-title{font-size:.8125rem}.metric-value{font-size:1.5rem}}.errors-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.errors-filter{flex-direction:column;gap:6px;display:flex}.errors-filter label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;font-weight:600}.errors-range-group{border:1px solid var(--color-border);display:inline-flex;overflow:hidden}.errors-range-group button{background:var(--color-card);color:var(--text-secondary);cursor:pointer;border:none;padding:8px 16px;font-size:1.3rem;transition:all .2s}.errors-range-group button+button{border-left:1px solid var(--color-border)}.errors-range-group button.active{background:var(--brand-red);color:#fff}.errors-select{border:1px solid var(--color-border);background:var(--color-card);color:var(--brand-black);min-width:160px;padding:8px 12px;font-size:1.3rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.category-chip{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--elevation-card);padding:14px 16px}.category-chip .category-name{color:var(--text-secondary);word-break:break-word;margin:0 0 4px;font-family:monospace;font-size:1.2rem}.category-chip .category-count{color:var(--brand-black);margin:0;font-size:2.2rem;font-weight:700}.simple-chart{background:var(--color-card);border:1px solid var(--color-border);height:220px;box-shadow:var(--elevation-card);align-items:flex-end;gap:4px;padding:16px;display:flex;overflow-x:auto}.chart-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:18px;height:100%;display:flex}.chart-count{color:var(--text-secondary);height:14px;font-size:1rem;line-height:14px}.chart-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.chart-bar{background:var(--brand-red);width:70%;min-height:2px;transition:height .4s;display:block}.chart-xlabel{color:var(--text-secondary);white-space:nowrap;margin-top:6px;font-size:1rem;transform:rotate(0)}.chart-empty{background:var(--color-card);border:1px solid var(--color-border);height:160px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.errors-table-wrap{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--elevation-card);overflow-x:auto}.errors-table{border-collapse:collapse;width:100%;font-size:1.3rem}.errors-table th{text-align:left;background:var(--neutral-gray-50);color:var(--text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 14px;font-weight:600}.errors-table td{border-bottom:1px solid var(--neutral-gray-100);color:var(--brand-black);vertical-align:top;padding:12px 14px}.errors-row{cursor:pointer;transition:background .15s}.errors-row:hover{background:var(--neutral-gray-50)}.errors-row .col-message{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.errors-row .col-module,.errors-row .col-category,.errors-row .col-exc{font-family:monospace;font-size:1.2rem}.errors-ts{white-space:nowrap;color:var(--text-secondary)}.sev-badge{text-transform:uppercase;letter-spacing:.03em;color:#fff;border-radius:var(--radius-sm);padding:2px 8px;font-size:1.1rem;font-weight:700;display:inline-block}.sev-badge.sev-warning{background:var(--semantic-warning)}.sev-badge.sev-error{background:var(--semantic-error)}.sev-badge.sev-critical{background:var(--semantic-critical)}.sev-badge.sev-unknown{background:var(--neutral-gray-500)}.burst-badge{color:var(--brand-red);border:1px solid var(--brand-red);border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;font-size:1rem;font-weight:700;display:inline-flex}.burst-badge .material-icons{font-size:1.2rem}.errors-detail-row td{background:var(--neutral-gray-50)}.errors-detail{gap:12px;padding:8px 4px;display:grid}.errors-detail .detail-meta{color:var(--text-secondary);flex-wrap:wrap;gap:18px;font-size:1.2rem;display:flex}.errors-detail .detail-meta code{color:var(--brand-black);word-break:break-all;font-family:monospace}.errors-detail pre{background:var(--neutral-gray-900);color:#e5e7eb;white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;padding:12px;font-size:1.15rem;line-height:1.5;overflow-x:auto}.errors-loadmore{justify-content:center;padding:18px;display:flex}.errors-loadmore button{border:1px solid var(--color-border);background:var(--color-card);color:var(--brand-black);cursor:pointer;padding:10px 24px;font-size:1.3rem;transition:all .2s}.errors-loadmore button:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red)}.errors-loadmore button:disabled{opacity:.5;cursor:default}.errors-banner{border-left:4px solid;margin-bottom:20px;padding:12px 16px;font-size:1.3rem}.errors-banner.error{border-color:var(--semantic-error);color:#8a1c13;background:#fdecea}.errors-banner.warning{border-color:var(--semantic-warning);color:#7a4a00;background:#fff4e0}@media (width<=768px){.errors-filters{flex-direction:column;align-items:stretch}.errors-row .col-message{max-width:180px}}.form-field{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9375rem;font-weight:500;display:block}.required-mark{color:var(--artexa-red);margin-left:.25rem}.form-input,.form-textarea{width:100%;color:var(--text-primary);border:2px solid var(--border-color);background:#fff;border-radius:0;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--artexa-red);outline:none;box-shadow:0 0 0 3px #e01e261a}.form-input:disabled,.form-textarea:disabled{background:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed}.form-input.error,.form-textarea.error{border-color:var(--artexa-red)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--artexa-red);align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.875rem;display:flex}.form-error .material-icons{font-size:1rem}.form-hint{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8125rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled)}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--text-secondary)}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}@media (width<=640px){.form-field{margin-bottom:1.25rem}.form-input,.form-textarea{padding:.625rem .875rem;font-size:.875rem}}.navbar{color:#fff;box-shadow:var(--elevation-card);z-index:1000;background:#1d1d1b;height:64px;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:48px;max-width:1400px;height:100%;margin:0 auto;padding:0 40px;display:flex}.navbar-brand{cursor:pointer;flex-shrink:0;align-items:center;transition:opacity .2s;display:flex}.navbar-brand:hover{opacity:.9}.artexa-logo{align-items:center;gap:16px;display:flex}.logo-image{width:auto;height:50px;display:block}.navbar-admin-text{flex-direction:column;gap:4px;line-height:1;display:flex}.navbar-gateway-title{color:#fff;letter-spacing:.3px;font-size:1.6rem;font-weight:600}.navbar-panel-subtitle{color:#d1d5db;text-transform:uppercase;letter-spacing:1.2px;font-size:.95rem;font-weight:400}.logo-circle{background:var(--text-inverse);border:2px solid var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-a{color:var(--brand-black);text-transform:lowercase;font-size:24px;font-weight:700;font-family:var(--font-family);line-height:1}.logo-text{color:var(--text-inverse);font-size:20px;font-weight:300;font-family:var(--font-family);letter-spacing:-.5px}.navbar-menu{flex:1;align-items:center;gap:12px;display:flex}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:var(--text-inverse);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px 4px 0 0;align-items:center;gap:4px;padding:20px 16px;transition:all .2s;display:flex;position:relative}.nav-dropdown-toggle .material-icons{font-size:18px;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-toggle{background:#ffffff1a}.nav-dropdown:hover .nav-dropdown-toggle .material-icons{transform:rotate(180deg)}.nav-dropdown.active .nav-dropdown-toggle{color:var(--brand-red)}.nav-dropdown.active .nav-dropdown-toggle:after{content:"";background:var(--brand-red);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#2a2a28;border:1px solid #ffffff1a;border-radius:0 8px 8px;min-width:200px;padding:8px 0;transition:all .2s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 8px 24px #0006}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{color:var(--text-inverse);font-size:14px;font-weight:400;font-family:var(--font-family);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;padding:12px 20px;transition:all .15s;display:block;position:relative}.nav-dropdown-item:hover{background:#ffffff14;padding-left:24px}.nav-dropdown-item.active{color:var(--brand-red);background:#e01e261a;font-weight:500}.nav-dropdown-item.active:before{content:"";background:var(--brand-red);width:3px;position:absolute;top:0;bottom:0;left:0}.navbar-actions{flex-shrink:0;align-items:center;gap:24px;display:flex}.search-btn,.logout-btn{color:var(--text-inverse);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.search-btn:hover,.logout-btn:hover{opacity:.8;background:#ffffff1a}.search-btn .material-icons,.logout-btn .material-icons{font-size:20px}.logout-loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s fadeIn;display:flex;position:fixed;top:0;left:0}.logout-spinner-container{text-align:center;color:#fff;padding:2rem}.logout-spinner{border:4px solid #e01e2633;border-top-color:var(--artexa-red);border-radius:50%;width:90px;height:90px;margin:0 auto 2rem;animation:2s ease-in-out infinite elegantSpin;position:relative}.logout-spinner:before{content:"";background:linear-gradient(135deg,#e01e261a 0%,#e01e260d 100%);border-radius:50%;width:70px;height:70px;animation:3s ease-in-out infinite alternate innerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logout-spinner:after{content:"";background:var(--artexa-red);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #e01e26cc}@keyframes elegantSpin{0%{filter:brightness();transform:rotate(0)}25%{filter:brightness(1.2)}50%{filter:brightness();transform:rotate(180deg)}75%{filter:brightness(1.2)}to{filter:brightness();transform:rotate(360deg)}}@keyframes innerGlow{0%{opacity:.3;transform:translate(-50%,-50%)scale(.8)}to{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes elegantPulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.logout-spinner-container p{letter-spacing:.15em;color:#fffffff2;text-shadow:0 2px 8px #0000004d;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.4rem;font-weight:300;animation:2s ease-in-out infinite elegantPulse}.user-dropdown{position:relative}.user-dropdown-toggle{color:var(--text-inverse);cursor:pointer;font-size:14px;font-family:var(--font-family);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.user-dropdown-toggle:hover{background:#ffffff1f;border-color:#ffffff40}.user-dropdown-toggle .material-icons:first-child{font-size:24px}.user-dropdown-toggle .material-icons:last-child{font-size:18px;transition:transform .2s}.user-dropdown:hover .user-dropdown-toggle .material-icons:last-child{transform:rotate(180deg)}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}.user-dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#2a2a28;border:1px solid #ffffff1a;border-radius:12px;min-width:280px;padding:8px 0;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px);box-shadow:0 8px 32px #00000080}.user-dropdown:hover .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:16px 20px}.user-info{flex-direction:column;gap:6px;display:flex}.user-display-name{color:var(--text-inverse);font-size:16px;font-weight:600}.user-email{color:#fff9;font-size:13px}.user-role-badge{background:var(--brand-red);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;width:fit-content;margin-top:4px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.user-dropdown-divider{background:#ffffff1a;height:1px;margin:8px 0}.user-dropdown-item{color:var(--text-inverse);font-size:14px;font-weight:400;font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 20px;transition:all .15s;display:flex}.user-dropdown-item .material-icons{color:#ffffffb3;font-size:20px}.user-dropdown-item:hover{background:#ffffff14}.user-dropdown-item.logout-item,.user-dropdown-item.logout-item .material-icons{color:#ff6b6b}.user-dropdown-item.logout-item:hover{background:#ff6b6b1a}@media (width<=1024px){.navbar-container{gap:24px;padding:0 24px}.navbar-menu,.navbar-actions{gap:16px}}@media (width<=768px){.navbar-container{flex-wrap:wrap;padding:0 16px}.admin-panel-text,.logo-divider{display:none}.logo-image{height:40px}.navbar-menu{border-top:1px solid #ffffff1a;flex-direction:column;order:3;align-items:flex-start;gap:12px;width:100%;padding-top:16px}.nav-divider,.user-badge .user-name{display:none}.logo-text{font-size:16px}.logo-circle{width:32px;height:32px}.logo-a{font-size:20px}}.env-floating{letter-spacing:1.2px;text-transform:uppercase;opacity:.35;pointer-events:none;border-radius:20px;padding:5px 14px;font-size:10px;font-weight:600;transition:opacity .3s;position:fixed;bottom:16px;right:16px}.env-floating--development{color:#9ca3af;background:#1d1d1b;border:1px solid #9ca3af33}.env-floating--staging{color:#d4a233;background:#1d1d1b;border:1px solid #d4a23333}.index-page{background:linear-gradient(135deg,#f8f8f8 0%,#fff 100%);flex-direction:column;min-height:100vh;display:flex}.welcome-container{flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.welcome-content{text-align:center;width:100%;max-width:800px;animation:.8s ease-in fadeIn}.logo-section{margin-bottom:3rem}.index-logo-layout{justify-content:center;align-items:center;gap:20px;margin-bottom:1.5rem;display:flex}.index-logo{filter:drop-shadow(0 2px 4px #0000001a);width:auto;height:90px;display:block}.index-logo-divider{background-color:#1d1d1b4d;width:1px;height:75px}.index-logo-text{text-align:left;flex-direction:column;gap:4px;line-height:1;display:flex}.index-api-gateway-title{color:#1d1d1b;letter-spacing:.3px;font-size:2.2rem;font-weight:600}.index-tech-portal-subtitle{color:#707070;text-transform:uppercase;letter-spacing:1.2px;font-size:1.2rem;font-weight:400}.welcome-message{margin-bottom:3rem}.message-title{color:#1d1d1b;margin-bottom:.75rem;font-size:1.8rem;font-weight:600;line-height:1.3}.message-subtitle{color:#707070;margin:0;font-size:1.2rem;line-height:1.6}.access-warning{background:linear-gradient(135deg,#fff3cd 0%,#fff9e6 100%);border:2px solid #f59e0b;border-radius:0;align-items:center;gap:2rem;max-width:600px;margin:3rem auto;padding:2rem;display:flex;box-shadow:0 4px 6px #f59e0b1a}.warning-icon{flex-shrink:0}.warning-icon .material-icons{color:#f59e0b;font-size:4rem}.warning-content{text-align:left}.warning-title{color:#1d1d1b;letter-spacing:.05rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.warning-text{color:#1d1d1b;margin:0;font-size:1.1rem;line-height:1.5}.system-status{background:#fff;border:2px solid #10b981;border-radius:0;align-items:center;gap:.75rem;padding:1rem 2rem;display:inline-flex;box-shadow:0 2px 4px #0000001a}.status-indicator{background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 3px #10b98133}.status-indicator.offline{background:#dc2626;animation:none;box-shadow:0 0 0 3px #dc262633}.status-text{color:#1d1d1b;font-size:1rem;font-weight:600}.quick-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}.quick-link{color:#fff;border:1px solid #0000;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.quick-link--red{background:var(--brand-red);border-color:var(--brand-red)}.quick-link--red:hover{color:var(--brand-red);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4740}.quick-link--teal{background:#0d9488;border-color:#0d9488}.quick-link--teal:hover{color:#0d9488;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0d948840}.quick-link--slate{background:#475569;border-color:#475569}.quick-link--slate:hover{color:#475569;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #47556940}.quick-link .material-icons{font-size:1.2rem}.artexa-footer{color:#fff;background:#1d1d1b;margin-top:auto;padding:3rem 2rem 1rem}.footer-content{max-width:1200px;margin:0 auto}.footer-social{margin-bottom:2rem}.social-header{text-align:center}.social-label{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:block}.social-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-link{color:#d1d5db;align-items:center;gap:.5rem;padding:.5rem;font-size:.95rem;text-decoration:none;transition:color .3s;display:flex}.social-link:hover{color:#12a4ff}.social-icon{font-size:1.2rem!important}.footer-contact{text-align:center;color:#d1d5db;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:1.5rem 0;font-size:.95rem}.contact-label{color:#fff;margin-right:.5rem;font-weight:600}.footer-contact a{color:#12a4ff;margin-right:1rem;text-decoration:none;transition:color .3s}.footer-contact a:hover{color:#0e7cc5;text-decoration:underline}.contact-divider{color:#ffffff4d;margin:0 1rem}.footer-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{color:#fff;letter-spacing:.05rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#d1d5db;font-size:.95rem;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#12a4ff}.footer-copyright{text-align:center;border-top:1px solid #ffffff1a;padding-top:2rem}.footer-copyright p{color:#9ca3af;margin:0;font-size:.9rem}@media (width<=768px){.welcome-container{padding:2rem 1rem}.index-logo-layout{gap:12px}.index-logo{height:60px}.index-logo-divider{height:55px}.index-api-gateway-title{font-size:1.6rem}.index-tech-portal-subtitle{letter-spacing:.8px;font-size:.95rem}.message-title{font-size:1.4rem}.message-subtitle{font-size:1rem}.access-warning{text-align:center;flex-direction:column;padding:1.5rem}.warning-content{text-align:center}.warning-icon .material-icons{font-size:3rem}.warning-title{font-size:1.2rem}.warning-text{font-size:1rem}.system-status{padding:.75rem 1.5rem}.status-text{font-size:.9rem}.quick-links{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:2rem;padding:0 1rem}.quick-link{justify-content:center;padding:1rem}.social-links{gap:1rem}.social-link,.footer-contact{font-size:.85rem}.contact-divider{margin:.5rem 0;display:block}.footer-links{grid-template-columns:1fr;gap:1.5rem}}.login-page{background:linear-gradient(135deg,#1d1d1b 0%,#3a3a38 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";z-index:0;background:#ffffff08;border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite loginFloat1;position:absolute;top:-150px;left:-150px}.login-page:after{content:"";z-index:0;background:#ffffff08;border-radius:50%;width:350px;height:350px;animation:25s ease-in-out 7s infinite loginFloat2;position:absolute;bottom:-100px;right:-100px}@keyframes loginFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-40px)scale(1.1)}66%{transform:translate(-30px,50px)scale(.95)}}@keyframes loginFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,30px)scale(1.05)}66%{transform:translate(40px,-50px)scale(1.1)}}.login-container{z-index:1;width:100%;max-width:440px;position:relative}.login-card{background:#fff;border-radius:0;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{justify-content:center;align-items:center;gap:20px;margin-bottom:1.5rem;display:flex}.login-logo .logo-image{width:auto;height:65px}.gateway-title{color:var(--artexa-black);letter-spacing:.3px;font-size:1.6rem;font-weight:600}.panel-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;font-size:.95rem;font-weight:400}.security-badge{color:#dc2626;text-transform:uppercase;letter-spacing:1.8px;background:#dc262614;border:1px solid #dc26264d;border-radius:0;margin:0;padding:.7rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-block}.login-logo .logo-icon{background:var(--artexa-red);color:#fff;border-radius:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;font-weight:700;display:flex}.login-header h1{color:var(--artexa-black);letter-spacing:.3px;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:#dc2626;text-transform:uppercase;letter-spacing:1px;background:#dc262614;border:1px solid #dc262633;border-radius:0;margin:0;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.login-header p:not(.login-subtitle){color:var(--text-secondary);margin:0;font-size:.9375rem}.login-form{margin-bottom:2rem}.login-form .form-label{margin-bottom:.6rem;font-size:1.05rem;font-weight:600}.login-form .form-input{height:auto;min-height:48px;padding:.9rem 1.1rem;font-size:1.05rem}.login-form .form-input::placeholder{font-size:.95rem}.login-error{border:1px solid var(--artexa-red);color:var(--artexa-red);background:#e01e261a;border-radius:0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:1rem;display:flex}.login-error .material-icons{font-size:1.4rem}.login-button{width:100%;height:auto;min-height:50px;margin-top:.5rem;padding:.9rem 1.5rem;font-size:1.1rem}.login-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:1.5rem}.login-footer p{color:var(--text-secondary);margin:0;font-size:.95rem}.login-loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:linear-gradient(135deg,#1d1d1bfa 0%,#2d2d2bf5 100%);justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.login-spinner-container{text-align:center;color:#fff;padding:2rem}.login-spinner{border:4px solid #e01e2633;border-top-color:var(--artexa-red);border-radius:50%;width:90px;height:90px;margin:0 auto 2rem;animation:2s ease-in-out infinite elegantSpin;position:relative}.login-spinner:before{content:"";background:linear-gradient(135deg,#e01e261a 0%,#e01e260d 100%);border-radius:50%;width:70px;height:70px;animation:3s ease-in-out infinite alternate innerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-spinner:after{content:"";background:var(--artexa-red);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #e01e26cc}.login-spinner-container p{letter-spacing:.15em;color:#fffffff2;text-shadow:0 2px 8px #0000004d;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.4rem;font-weight:300;animation:2s ease-in-out infinite elegantPulse}@media (width<=480px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-logo .logo-icon{width:56px;height:56px;font-size:1.75rem}.login-spinner{width:70px;height:70px}.login-spinner:before{width:55px;height:55px}.login-spinner-container p{letter-spacing:.1em;font-size:1.1rem}.login-spinner-container{padding:1.5rem}}.dashboard-page{max-width:1400px;margin:0 auto;padding:30px 40px}.page-header{margin-bottom:30px}.page-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height);color:var(--brand-black);margin:0 0 8px}.page-header p{color:var(--text-secondary);margin:0;font-size:1.4rem}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);color:var(--brand-black);margin:0 0 20px}.section-header-with-info{margin-bottom:20px}.section-header-with-info h2{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height);color:var(--brand-black);margin:0 0 4px}.section-info{color:var(--text-secondary);margin:0;font-size:1.2rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.service-card{background:var(--color-card);box-shadow:var(--elevation-card);border:1px solid var(--color-border);border-radius:0;padding:16px;transition:all .3s}.service-card:hover{box-shadow:var(--elevation-hover);transform:translateY(-2px)}.service-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.service-header h3{color:var(--brand-black);margin:0;font-size:1.4rem;font-weight:600}.service-status{color:var(--text-secondary);margin:0 0 8px;font-size:1.4rem}.service-message{color:var(--text-muted);margin:0;font-size:1.2rem}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.resource-card{background:var(--color-card);box-shadow:var(--elevation-card);border:1px solid var(--color-border);border-radius:0;padding:16px}.resource-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.resource-header .material-icons{color:var(--brand-red);font-size:20px}.resource-header h3{color:var(--brand-black);margin:0;font-size:1.4rem;font-weight:600}.resource-bar{background:var(--neutral-gray-200);border-radius:0;height:8px;margin-bottom:12px;overflow:hidden}.resource-fill{background:var(--semantic-success-alt);border-radius:0;width:0%;height:100%;transition:width .5s}.resource-value{color:var(--brand-black);text-align:right;margin:0 0 4px;font-size:1.8rem;font-weight:700}.resource-info{color:var(--text-secondary);text-align:right;margin:0;font-size:1.2rem}.loading-state,.empty-state{background:var(--color-card);border:1px solid var(--color-border);border-radius:0;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:64px 32px;display:flex}.loading-state{gap:16px}.loading-state p{color:var(--text-secondary);margin:0;font-size:1.4rem}.empty-state{gap:16px}.empty-state p{color:var(--text-secondary);margin:0;font-size:.9375rem}@media (width<=1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-page{padding:1.5rem}.page-header h1{font-size:1.75rem}.metrics-grid,.services-grid,.resources-grid{grid-template-columns:1fr;gap:1rem}.dashboard-section{margin-bottom:2rem}.dashboard-section h2{margin-bottom:1rem;font-size:1.125rem}}.realtime-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#c73e47 0%,#e05555 100%);border-radius:4px;align-items:center;gap:.25rem;margin-left:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:inline-flex;box-shadow:0 2px 8px #c73e474d}.realtime-badge .material-icons{font-size:1rem;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #e01e264d}50%{box-shadow:0 2px 16px #e01e2699}}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.7}}@media (width<=768px){.realtime-badge{margin-left:.5rem;padding:.2rem .5rem;font-size:.65rem}.realtime-badge .material-icons{font-size:.9rem}}.users-page{max-width:1400px;margin:0 auto;padding:2rem}.btn-export{background-color:var(--brand-black);border:1px solid var(--brand-black);color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-export:hover{color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.users-table-container{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--brand-black);color:#fff}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.9rem;font-weight:600}.users-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.users-table tbody tr:hover{background-color:#f9f9f9}.users-table td{color:#333;padding:1rem;font-size:.9rem}.user-username,.user-key-value{color:#666;font-size:.85em}.user-id{background-color:#f4f4f4;border-radius:0;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem}.employee-toggle{align-items:center;gap:.75rem;display:flex}.switch{vertical-align:middle;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e6e6e6;border:1px solid #ddd;border-radius:0;transition:background-color .22s,border-color .22s,box-shadow .22s;position:absolute;inset:0}.slider:before{content:"";will-change:transform;background-color:#fff;border:1px solid #ccc;border-radius:0;width:16px;height:16px;transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}input:checked+.slider{background-color:var(--brand-black)}input:checked+.slider:before{transform:translate(20px,-50%)}.switch:hover input:checked+.slider{background-color:#333}.switch:hover input+.slider{background-color:#ddd}.switch input:focus+.slider{box-shadow:0 0 0 3px #1d1d1b26}.users-filters{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--brand-black);font-size:.9rem;font-weight:600}.filter-group select{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:0;min-width:150px;padding:.5rem .75rem;font-size:.9rem}.filter-group select:hover{border-color:var(--brand-black)}.filter-group select:focus{border-color:var(--brand-black);outline:none;box-shadow:0 0 0 2px #1d1d1b1a}.checkbox-label{color:var(--brand-black);cursor:pointer;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9rem;font-weight:600;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0}.btn-view{background-color:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-view:hover{border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b26}.btn-enable:hover{color:var(--semantic-success-alt);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.btn-disable:hover{color:var(--semantic-warning);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.user-details{flex-direction:column;gap:1rem;display:flex}.detail-group{flex-direction:column;gap:.5rem;display:flex}.detail-group label{color:var(--brand-black);font-size:.9rem;font-weight:600}.detail-group input{color:#666;background-color:#f9f9f9;border:1px solid #ddd;border-radius:0;padding:.75rem;font-size:.9rem}.detail-group input:read-only{cursor:not-allowed}.modal-content p{color:#333;margin-bottom:.75rem;font-size:1rem}.warning-text{color:var(--brand-red);font-weight:500}.role-badge{text-transform:uppercase;border-radius:0;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.role-badge.role-superadmin{background-color:var(--brand-red);color:#fff}.role-badge.role-admin{color:#fff;background-color:#3d3d3d}.role-badge.role-viewer{color:#fff;background-color:#7a8288}.btn-filter{color:var(--brand-black);cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-filter:hover{border-color:var(--brand-black);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-filter.active{background-color:var(--brand-black);color:#fff;border-color:var(--brand-black)}.btn-filter.active:hover{color:var(--brand-black);background-color:#fff}.btn-filter .material-icons{color:var(--brand-red);font-size:1.2rem}.btn-filter.active .material-icons{color:var(--brand-red)}input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-red);appearance:none;background-color:#fff;border:2px solid #ddd;border-radius:0;margin-right:8px;position:relative}input[type=checkbox]:checked{background-color:var(--brand-red);border-color:var(--brand-red)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:hover{border-color:var(--brand-red)}@media (width<=768px){.users-page{padding:1rem}.page-header h1{font-size:1.5rem}.page-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.users-table-container{overflow-x:auto}.users-table{min-width:900px}.actions-cell{flex-direction:column;gap:.25rem}.btn-action{justify-content:center;width:100%}}.apps-page{max-width:1600px;margin:0 auto;padding:2rem}.btn-create,.btn-export{cursor:pointer;border:1px solid #0000;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-create{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-create:hover{border-color:var(--brand-red);color:var(--brand-red);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4733}.error-message{color:#c00;background-color:#fee;border:1px solid #fcc;border-radius:0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.apps-table-container{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.apps-table{border-collapse:collapse;width:100%}.apps-table thead{background-color:var(--brand-black);color:#fff}.apps-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.9rem;font-weight:600}.apps-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.apps-table tbody tr:hover{background-color:#f9f9f9}.apps-table td{color:#333;padding:1rem;font-size:.9rem}.app-id{text-overflow:ellipsis;white-space:nowrap;background-color:#f4f4f4;border-radius:0;max-width:200px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;display:inline-block;overflow:hidden}.no-data{color:#999;font-style:italic}.status-cell{text-align:center}.btn-edit{background-color:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-edit:hover{border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b26}.btn-enable{background-color:var(--semantic-success-alt);border-color:var(--semantic-success-alt);color:#fff}.btn-enable:hover{border-color:var(--semantic-success-alt);color:var(--semantic-success-alt);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #28a74526}.btn-disable{background-color:var(--semantic-warning);border-color:var(--semantic-warning);color:var(--brand-black)}.btn-disable:hover{border-color:var(--semantic-warning);color:var(--semantic-warning);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.btn-delete{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-delete:hover{border-color:var(--brand-red);color:var(--brand-red);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4726}.modal-form{flex-direction:column;gap:1.5rem;display:flex}.modal-content{flex-direction:column;gap:1.25rem;display:flex}.modal-content p{color:#333;margin-bottom:0;font-size:1.2rem;line-height:1.6}.warning-text{color:var(--brand-red);font-size:1.2rem;font-weight:600}.credentials-modal{flex-direction:column;gap:2rem;display:flex}.alert-info{color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:0;align-items:flex-start;gap:1rem;padding:1.25rem;font-size:1.1rem;display:flex}.alert-info .material-icons{color:#0c5460;font-size:1.75rem}.alert-info strong{font-size:1.1rem}.alert-info div{font-size:1.1rem;line-height:1.5}.credential-field{flex-direction:column;gap:.75rem;display:flex}.credential-field label{color:var(--brand-black);font-size:1.2rem;font-weight:600}.credential-field input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:0;padding:1rem;font-family:Courier New,monospace;font-size:1.1rem}.credential-field input:read-only{cursor:not-allowed}.copy-field{gap:.75rem;display:flex}.copy-field input{flex:1;min-width:0}.btn-copy{background-color:var(--brand-black);border:1px solid var(--brand-black);color:#fff;cursor:pointer;white-space:nowrap;border-radius:0;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-copy:hover{border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}@media (width<=768px){.apps-page{padding:1rem}.page-header h1{font-size:1.5rem}.page-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:column;width:100%}.btn-create,.btn-export{justify-content:center;width:100%}.apps-table-container{overflow-x:auto}.apps-table{min-width:1200px}.actions-cell{flex-direction:column;gap:.25rem}.btn-action{justify-content:center;width:100%}}.auth-sessions-page{min-height:100vh}.last-refresh{color:#666;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;display:flex}.last-refresh .material-icons{font-size:1rem}.stats-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:2rem;display:grid}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--brand-black);border-radius:0;flex-direction:column;gap:6px;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-card.loading{opacity:.6;pointer-events:none}.stat-card.loading .stat-value{animation:1.5s ease-in-out infinite pulse-text}.stat-title{color:#fff;text-transform:uppercase;letter-spacing:.02em;opacity:.7;margin:0 0 4px;font-size:.75rem;font-weight:700}.stat-value{color:#fff;text-align:right;margin:0;font-size:2rem;font-weight:800;line-height:1}.stat-card-skeleton{pointer-events:none;background:#2a2a28}.stat-card-skeleton:hover{transform:none;box-shadow:0 2px 8px #0000001a}.skeleton-title{background:linear-gradient(90deg,#3d3d3d 25%,#4a4a48 50%,#3d3d3d 75%) 0 0/200% 100%;border-radius:2px;width:70%;height:12px;margin-bottom:8px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-value{background:linear-gradient(90deg,#3d3d3d 25%,#4a4a48 50%,#3d3d3d 75%) 0 0/200% 100%;border-radius:2px;width:50%;height:32px;margin-left:auto;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.filters-section{background:#fff;border:1px solid #e0e0e0;border-radius:0;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group label{color:var(--brand-black);white-space:nowrap;font-size:.9rem;font-weight:500}.filter-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--brand-red);margin-right:8px}.filter-group .checkbox-label{cursor:pointer;color:var(--brand-black);align-items:center;font-size:.9rem;font-weight:500;display:flex}.filter-group input[type=text],.filter-group select{border:1px solid #ddd;border-radius:0;min-width:200px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.filter-group input[type=text]:focus,.filter-group select:focus{border-color:var(--brand-black);outline:none}.btn-refresh,.btn-pause,.btn-export,.btn-cleanup{cursor:pointer;border:1px solid #0000;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-refresh,.btn-pause{background-color:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-refresh:hover:not(:disabled),.btn-pause:hover:not(.paused){border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.btn-pause.paused{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-pause.paused:hover{color:var(--brand-red);border-color:var(--brand-red);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4733}.btn-export{background-color:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-export:hover{border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.btn-cleanup{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-cleanup:hover{color:var(--brand-red);border-color:var(--brand-red);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4733}.sessions-table-container{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sessions-table{border-collapse:collapse;width:100%}.sessions-table thead{background-color:var(--brand-black);color:#fff}.sessions-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:1rem;font-size:.9rem;font-weight:600}.sessions-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:1rem;font-size:.9rem}.sessions-table tbody tr{transition:background-color .2s}.sessions-table tbody tr:hover{background:#f9f9f9}.sessions-table tbody tr.expired-row{opacity:.5}.type-badge{white-space:nowrap;text-transform:uppercase;border-radius:0;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.type-totp{color:#856404;background-color:#fff3cd}.type-magic_link{color:#0c5460;background-color:#d1ecf1}.session-id{text-overflow:ellipsis;white-space:nowrap;background-color:#f4f4f4;border-radius:0;max-width:200px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;display:inline-block;overflow:hidden}.details-cell{color:#666;font-size:.85rem}.actions-cell{flex-wrap:wrap;gap:.5rem;display:flex}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:0;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-action .material-icons{font-size:1rem}.btn-action.btn-delete{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-action.btn-delete:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4726}.btn-action.btn-delete:disabled{opacity:.5;cursor:not-allowed;color:#666;background:#ccc;border-color:#ccc}@media (width<=968px){.page-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.filters-section{flex-direction:column;gap:1rem}.filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.filter-group input[type=text],.filter-group select{min-width:100%}.btn-cleanup{width:100%;margin:0}.sessions-table-container{overflow-x:auto}.sessions-table{font-size:.85rem}.sessions-table th,.sessions-table td{padding:.75rem .5rem}}.admin-header-actions{align-items:center;gap:1rem;display:flex}.protected-admin-label{color:#666;font-size:.85rem;font-style:italic}.token-generator-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.token-header{margin-bottom:var(--spacing-6)}.token-header h1{color:var(--brand-black);align-items:center;gap:12px;margin-bottom:8px;font-size:2rem;display:flex}.token-header h1 .material-icons{color:var(--brand-red);font-size:2.5rem}.token-header p{color:#666;font-size:1.1rem}.token-auth-card{padding:var(--spacing-6);margin-bottom:var(--spacing-6);background:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a}.auth-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.auth-title-section{align-items:center;gap:12px;display:flex}.auth-title-section .material-icons{color:var(--brand-red);font-size:2rem}.auth-title-section h2{color:var(--brand-black);margin:0;font-size:1.5rem}.auth-status{color:#666;background:#f5f5f5;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.9rem;font-weight:500;display:flex}.auth-status[data-authenticated=true]{color:#2e7d32;background:#e8f5e9}.auth-content{gap:var(--spacing-4);flex-direction:column;display:flex}.auth-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-input{border:2px solid #e0e0e0;border-radius:0;flex:1;min-width:200px;padding:12px 16px;font-size:1rem;transition:border-color .3s}.auth-input:focus{border-color:var(--brand-red);outline:none}.auth-input:disabled{cursor:not-allowed;background:#f5f5f5}.btn-clear{background-color:var(--semantic-error);border:1px solid var(--semantic-error);color:#fff;cursor:pointer;white-space:nowrap;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-clear:hover{color:var(--semantic-error);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.token-display{padding:var(--spacing-4);margin-top:var(--spacing-2);background:#f8f9fa;border:2px solid #e0e0e0;border-radius:0}.token-label{color:var(--brand-black);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:600;display:flex}.token-label .material-icons{color:var(--brand-red);font-size:1.3rem}.token-value-container{background:#fff;border:1px solid #ddd;border-radius:0;align-items:center;gap:12px;padding:12px;display:flex}.token-value{word-break:break-all;color:#333;background:0 0;flex:1;padding:0;font-family:Courier New,monospace;font-size:.9rem}.btn-copy{background:var(--brand-red);color:#fff;border:1px solid var(--brand-red);cursor:pointer;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.btn-copy:hover{border-color:var(--brand-red);color:var(--brand-red);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e01e2633}.btn-copy .material-icons{font-size:1.2rem}.token-info{color:#1565c0;background:#e3f2fd;border-radius:0;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:.9rem;display:flex}.token-info .info-icon{font-size:1.1rem}.token-info strong{background:#ffffffb3;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace}.usage-guide-card{padding:var(--spacing-6);margin-bottom:var(--spacing-6);background:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a}.guide-header{margin-bottom:var(--spacing-4);align-items:center;gap:12px;display:flex}.guide-header .material-icons{color:var(--brand-red);font-size:2rem}.guide-header h3{color:var(--brand-black);margin:0;font-size:1.3rem}.guide-content{gap:var(--spacing-4);flex-direction:column;display:flex}.guide-step{align-items:flex-start;gap:16px;display:flex}.step-number{background:var(--brand-red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:600;display:flex}.step-content{flex:1}.step-content h4{color:var(--brand-black);margin:0 0 8px;font-size:1.1rem}.step-content p{color:#666;margin:0 0 12px;line-height:1.5}.code-example{color:#f8f8f2;white-space:pre-wrap;word-break:break-all;background:#2d2d2d;border-radius:0;max-width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto}.code-example code{color:#a6e22e;white-space:pre-wrap;word-break:break-all}.clear-section{padding:var(--spacing-4) 0;justify-content:center;display:flex}@media (width<=768px){.token-generator-page{padding:var(--spacing-4)}.token-header h1{font-size:1.5rem}.token-header h1 .material-icons{font-size:2rem}.auth-form{flex-direction:column;align-items:stretch}.auth-input{min-width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.auth-header{flex-direction:column;align-items:flex-start;gap:12px}.guide-step{flex-direction:column}.token-value-container{flex-direction:column;align-items:stretch}.btn-copy{justify-content:center;width:100%}}.token-auth-card,.usage-guide-card{animation:.5s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%231d1d1b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5rem;border:2px solid #ddd;border-radius:0;width:100%;padding:.875rem 2.5rem .875rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.auth-select:hover:not(:disabled){border-color:var(--brand-black);background-color:#fafafa}.auth-select:focus{border-color:var(--brand-black);background-color:#fff;outline:none;box-shadow:0 0 0 3px #1d1d1b1a}.auth-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.auth-select option{color:var(--brand-black);background-color:#fff;padding:.75rem;font-weight:400}.auth-select option:hover{background-color:#f5f5f5}.session-id-display{border-left:4px solid var(--brand-red);background-color:#f5f5f5;border-radius:0;margin-top:1rem;padding:.75rem}.session-id-display label{color:#666;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.session-id-display>div{align-items:center;gap:.5rem;display:flex}.session-id-display code{word-break:break-all;background-color:#fff;border:1px solid #ddd;flex:1;padding:.5rem;font-size:.85rem}.session-id-display .btn-copy{min-width:auto;padding:.5rem}.session-id-display .material-icons{font-size:1rem}.auth-input[maxLength="6"]{letter-spacing:.5rem;text-align:center;font-size:1.2rem;font-weight:600}.waiting-message{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:0;margin-top:1rem;padding:1rem}.waiting-message p{color:#2e7d32;align-items:center;gap:.5rem;margin:0;display:flex}.waiting-message .material-icons{font-size:1.2rem}.verified-message{border:1px solid var(--semantic-success-alt);border-left:4px solid var(--semantic-success-alt);background-color:#f0fdf4;border-radius:0;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;animation:.4s ease-out verifiedSlideIn;display:flex}.verified-message .material-icons{color:var(--semantic-success-alt);flex-shrink:0;margin-top:2px;font-size:1.6rem}.verified-message strong{color:#166534;margin-bottom:4px;font-size:.95rem;display:block}.verified-message p{color:#15803d;margin:0;font-size:.85rem;line-height:1.4}@keyframes verifiedSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.env-variables-page{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.env-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.env-title{align-items:center;gap:16px;display:flex}.env-title .material-icons{color:#f44336;font-size:2.5rem}.env-title h1{color:var(--brand-black);margin:0;font-size:2rem}.danger-badge{color:#fff;background:#f44336;border-radius:0;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex}.danger-badge .material-icons{font-size:1.2rem}.warning-banner-env{margin-bottom:var(--spacing-6);color:#d32f2f;background:#f443361a;border-left:4px solid #f44336;border-radius:0;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.warning-banner-env .material-icons{color:#f44336;font-size:1.5rem}.warning-banner-env strong{font-weight:600}.env-auth-section{justify-content:center;align-items:center;min-height:400px;display:flex}.env-auth-card{padding:var(--spacing-6);text-align:center;background:#fff;border-radius:0;width:100%;max-width:500px;box-shadow:0 4px 16px #0000001a}.env-auth-card h2{color:var(--brand-black);margin-bottom:12px;font-size:1.5rem}.env-auth-card p{color:#666;margin-bottom:var(--spacing-4)}.auth-form{flex-direction:column;gap:16px;display:flex}.env-password-input{border:2px solid #e0e0e0;border-radius:0;padding:14px 18px;font-size:1rem;transition:border-color .3s}.env-password-input:focus{border-color:#f44336;outline:none}.btn-authenticate{color:#fff;cursor:pointer;background:#f44336;border:1px solid #f44336;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-authenticate:hover:not(:disabled){color:#f44336;background:#fff;border-color:#f44336;transform:translateY(-1px);box-shadow:0 2px 8px #f4433633}.btn-authenticate:disabled{color:#888;cursor:not-allowed;opacity:.6;background:#ccc;border-color:#ccc;transform:none}.env-display-section{padding:var(--spacing-6);background:#fff;border-radius:0;box-shadow:0 2px 8px #0000001a}.env-toolbar{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;gap:20px;display:flex}.search-container{flex:1;align-items:center;gap:10px;display:flex;position:relative}.search-container .material-icons{color:#999;font-size:1.3rem;position:absolute;left:12px}.env-search-input{border:2px solid #e0e0e0;border-radius:0;width:100%;padding:10px 14px 10px 42px;font-size:.95rem;transition:border-color .3s}.env-search-input:focus{border-color:#f44336;outline:none}.toolbar-actions{align-items:center;gap:12px;display:flex}.var-count{color:#666;background:#0000000d;border-radius:0;padding:8px 16px;font-size:.9rem;font-weight:600}.btn-copy-all,.btn-logout{cursor:pointer;border:1px solid #0000;border-radius:0;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-copy-all{background-color:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-copy-all:hover{border-color:var(--brand-red);color:var(--brand-red);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e01e2633}.btn-logout{background-color:var(--brand-black);border-color:var(--brand-black);color:#fff}.btn-logout:hover{border-color:var(--brand-black);color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.env-table-container{max-height:calc(100vh - 350px);overflow:auto}.env-table{border-collapse:collapse;width:100%}.env-table thead{background:var(--brand-black);z-index:10;position:sticky;top:0}.env-table th{text-align:left;color:#fff;border:none;padding:14px 16px;font-size:.95rem;font-weight:600}.env-table th.col-name{width:30%}.env-table th.col-value{width:60%}.env-table th.col-actions{width:10%}.env-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.env-table tbody tr:hover{background-color:#e01e2608}.env-table td{padding:14px 16px;font-size:.9rem}.var-key{color:var(--brand-black);word-break:break-word;font-weight:600}.var-value{color:#666;font-family:Courier New,monospace}.var-value code{word-break:break-all;white-space:pre-wrap;background:#f5f5f5;border-radius:0;padding:6px 10px;display:block}.var-actions{text-align:center}.btn-copy-value{color:var(--brand-red);cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:0;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:inline-flex}.btn-copy-value:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.btn-copy-value .material-icons{font-size:1.1rem}.no-results{text-align:center;color:#999;padding:var(--spacing-6)!important}.no-results .material-icons{color:#ddd;margin-bottom:12px;font-size:3rem}.no-results p{margin:0;font-size:1.1rem}@media (width<=1024px){.env-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between}}@media (width<=768px){.env-variables-page{padding:var(--spacing-4)}.env-header{flex-direction:column;align-items:flex-start;gap:16px}.env-title h1{font-size:1.5rem}.env-table th,.env-table td{padding:10px 12px;font-size:.85rem}}.docs-page{background-color:var(--background-color);min-height:100vh}.docs-main{min-height:calc(100vh - 80px);padding-top:80px}.docs-container{max-width:1200px;margin:0 auto;padding:40px 20px}.docs-header{text-align:center;margin-bottom:60px}.docs-title{color:var(--text-primary);justify-content:center;align-items:center;gap:15px;margin-bottom:15px;font-size:2.5rem;font-weight:700;display:flex}.docs-title .material-icons{color:var(--accent-blue);font-size:2.5rem}.docs-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px;margin-bottom:50px;display:grid}.docs-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:0;height:fit-content;padding:30px;transition:all .3s;box-shadow:0 4px 20px #00000014}.docs-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.docs-card-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.docs-card-icon{border-radius:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.swagger-icon{color:#fff;background:linear-gradient(135deg,#85ea2d,#5cb85c)}.redoc-icon{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22)}.docs-card-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.docs-card-content{margin-bottom:25px}.docs-card-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.docs-features{margin:0;padding:0;list-style:none}.docs-features li{color:var(--text-secondary);padding:8px 0;font-size:.95rem}.docs-card-footer{border-top:1px solid var(--border-color);padding-top:20px}.docs-button{cursor:pointer;color:#fff;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.swagger-button{background-color:#5cb85c;border-color:#5cb85c}.swagger-button:hover{color:#5cb85c;background-color:#fff;border-color:#5cb85c;transform:translateY(-1px);box-shadow:0 2px 8px #5cb85c33}.redoc-button{background-color:#f39c12;border-color:#f39c12}.redoc-button:hover{color:#f39c12;background-color:#fff;border-color:#f39c12;transform:translateY(-1px);box-shadow:0 2px 8px #f39c1233}.docs-token-info{margin-bottom:40px}.docs-token-card{background:var(--card-background);border:1px solid var(--border-color);text-align:center;border-radius:0;padding:25px}.docs-token-title{color:var(--text-primary);justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:1.3rem;font-weight:600;display:flex}.docs-token-title .material-icons{color:var(--accent-blue)}.docs-token-description{color:var(--text-secondary);margin-bottom:15px}.docs-token-value{background:var(--background-color);border:1px solid var(--border-color);color:var(--accent-blue);border-radius:0;margin:0 auto;padding:12px 16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;display:inline-block}.docs-quick-links{text-align:center}.docs-quick-links-title{color:var(--text-primary);margin-bottom:20px;font-size:1.4rem;font-weight:600}.docs-quick-links-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.docs-quick-link{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-primary);border-radius:0;align-items:center;gap:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.docs-quick-link:hover{background:var(--accent-blue);color:#fff;transform:translateY(-2px)}.docs-quick-link .material-icons{font-size:18px}@media (width<=768px){.docs-container{padding:20px 15px}.docs-grid{grid-template-columns:1fr;gap:20px}.docs-card{padding:20px}.docs-title{font-size:2rem}.docs-subtitle{font-size:1.1rem}.docs-quick-links-grid{flex-direction:column;align-items:center}.docs-quick-link{width:200px}}.profile-container{max-width:900px;margin:0 auto;padding:32px 24px}.profile-header{background:#fff;border:1px solid #e0e0e0;border-radius:0;margin-bottom:32px;padding:32px;box-shadow:0 1px 3px #0000001a}.profile-header-content{align-items:center;gap:24px;display:flex}.profile-avatar{background:var(--brand-red);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.profile-avatar .material-icons{color:#fff;font-size:60px}.profile-header-info{flex:1}.profile-header-info h1{color:#1d1d1b;margin:0 0 8px;font-size:32px;font-weight:600}.profile-username{color:#666;margin:0 0 12px;font-size:16px;font-weight:400}.profile-role-badge{background:var(--brand-red);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;width:fit-content;margin-top:4px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.profile-content{flex-direction:column;gap:24px;display:flex}.profile-section{background:#fff;border:1px solid #e0e0e0;border-radius:0;padding:24px;box-shadow:0 1px 3px #0000001a}.profile-section h2{color:#1d1d1b;border-bottom:2px solid #f0f0f0;margin:0 0 20px;padding-bottom:12px;font-size:20px;font-weight:600}.profile-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.profile-info-item{flex-direction:column;gap:6px;display:flex}.profile-info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.profile-info-value{color:#1d1d1b;font-size:16px;font-weight:400}.profile-role-badge-spacing{margin-top:4px}.profile-role-badge-spacing .role-badge{padding:6px 16px;font-size:.95rem}.profile-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:1.5rem;font-weight:500}.form-group input{color:#1d1d1b;font-size:1.5rem;font-family:var(--font-family);background:#fff;border:2px solid #ddd;border-radius:0;padding:.75rem;transition:all .2s}.form-group input:hover:not(:disabled){border-color:#999}.form-group input:focus{border-color:var(--brand-red);outline:none;box-shadow:0 0 0 3px #e01e261a}.form-group input::placeholder{color:#999}.form-divider{background:#e0e0e0;height:1px;margin:12px 0}.password-section{flex-direction:column;gap:16px;display:flex}.password-fields{border-left:2px solid #e0e0e0;flex-direction:column;gap:16px;padding-left:16px;display:flex}.form-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-save{background:var(--brand-red);color:#fff;border:1px solid var(--brand-red);font-size:1.1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;border-radius:0;padding:1rem 1.75rem;transition:all .3s}.btn-save:hover:not(:disabled){border-color:var(--brand-red);color:var(--brand-red);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e01e2633}.btn-save:disabled{opacity:.5;cursor:not-allowed}.loading,.error{text-align:center;color:#fff9;padding:48px 24px;font-size:16px}.error{color:#ff6b6b}@media (width<=768px){.profile-container{padding:24px 16px}.profile-header{padding:24px}.profile-header-content{text-align:center;flex-direction:column}.profile-header-info h1{font-size:24px}.profile-info-grid{grid-template-columns:1fr}.profile-section{padding:20px}}.cors-origins-page{min-height:100vh}.page-content{max-width:1400px;margin:0 auto;padding:2rem}.header-actions{gap:.75rem;display:flex}.btn-refresh{background-color:var(--brand-black);border:1px solid var(--brand-black);color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-refresh:hover:not(:disabled){color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.loading-state{text-align:center;color:#666;padding:3rem}.empty-state{text-align:center;color:#666;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.empty-state .material-icons{color:#ccc;font-size:4rem}.info-section{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.info-section{grid-template-columns:1fr}}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:0;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-header{border-bottom:2px solid #f0f0f0;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.info-header .material-icons{color:#1d1d1b;font-size:1.75rem}.info-header h3{color:#1d1d1b;margin:0;font-size:1.25rem;font-weight:600}.info-content{flex-direction:column;gap:1rem;display:flex}.info-item{background:#f9f9f9;border-radius:0;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.info-label{color:#333;font-size:.9rem;font-weight:600}.environment-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:0;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.environment-badge.development{color:#fff;background-color:#4a9d5f}.environment-badge.production{color:#fff;background-color:#c73e47}.env-value{color:#4af626;text-overflow:ellipsis;white-space:nowrap;background-color:#1d1d1b;border-radius:0;max-width:400px;padding:.35rem .75rem;font-family:Courier New,monospace;font-size:.85rem;overflow:hidden}.count-badge{color:#fff;background-color:#1d1d1b;border-radius:0;padding:.35rem .85rem;font-size:1rem;font-weight:700}.status-badge{text-transform:uppercase;border-radius:0;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.status-badge.enabled{color:#fff;background-color:#4a9d5f}.status-badge.disabled{color:#fff;background-color:#7a8288}.methods-list{color:#333;background-color:#f0f0f0;border-radius:0;padding:.35rem .75rem;font-family:Courier New,monospace;font-size:.85rem}.origins-section{margin-bottom:2rem}.section-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-header h2{color:#1d1d1b;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:600;display:flex}.section-header .material-icons{font-size:1.75rem}.btn-copy-all{background-color:var(--brand-black);border:1px solid var(--brand-black);color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-copy-all:hover{color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.origins-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;display:grid}@media (width<=768px){.origins-grid{grid-template-columns:1fr}}.origin-card{background:#fff;border:2px solid #e0e0e0;border-radius:0;padding:1rem;transition:all .3s}.origin-card:hover{border-color:#1d1d1b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.origin-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.origin-index{color:#fff;background-color:#1d1d1b;border-radius:0;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.btn-copy-origin{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.btn-copy-origin .material-icons{color:var(--text-muted);font-size:1rem}.btn-copy-origin:hover{background-color:var(--brand-black);border-color:var(--brand-black)}.btn-copy-origin:hover .material-icons{color:#fff}.origin-url{background:#f9f9f9;border-left:4px solid #1d1d1b;border-radius:0;align-items:center;gap:.75rem;padding:.75rem;display:flex}.origin-url .material-icons{color:#1d1d1b;flex-shrink:0;font-size:1.25rem}.origin-url code{color:#1d1d1b;word-break:break-all;font-family:Courier New,monospace;font-size:.9rem;font-weight:500}.info-box{background:linear-gradient(135deg,#f0f8ff 0%,#e6f3ff 100%);border:2px solid #4a9d5f;border-radius:0;margin-top:2rem;padding:1.5rem}.info-box-header{color:#1d1d1b;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.info-box-header .material-icons{color:#4a9d5f;font-size:1.5rem}.info-box p{color:#333;margin:.75rem 0;font-size:.95rem;line-height:1.6}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#1d1d1b;font-weight:700}.cors-creator-section{margin-bottom:2rem}.creator-card{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);border:3px solid #1d1d1b;border-radius:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.creator-header{background:#1d1d1b;border-bottom:3px solid #c73e47;padding:1.5rem}.creator-title{align-items:center;gap:.75rem;display:flex}.creator-title .material-icons{color:#c73e47;font-size:2rem}.creator-title h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.creator-body{padding:2rem}.mode-selection{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width<=768px){.mode-selection{grid-template-columns:1fr}}.mode-label{cursor:pointer;display:block}.mode-label input[type=radio]{display:none}.mode-option{background:#fff;border:3px solid #e0e0e0;border-radius:0;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s;display:flex}.mode-label input[type=radio]:checked+.mode-option{color:#fff;background:linear-gradient(135deg,#1d1d1b 0%,#3d3d3d 100%);border-color:#c73e47}.mode-option .material-icons{color:#1d1d1b;font-size:2rem}.mode-label input[type=radio]:checked+.mode-option .material-icons{color:#c73e47}.mode-option strong{color:#1d1d1b;font-size:1.1rem}.mode-label input[type=radio]:checked+.mode-option strong{color:#fff}.mode-desc{color:#666;font-size:.85rem}.mode-label input[type=radio]:checked+.mode-option .mode-desc{color:#ccc}.mode-option:hover{border-color:#1d1d1b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.input-section{margin-bottom:1.5rem}.input-label{color:#1d1d1b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.input-label .material-icons{font-size:1.25rem}.origins-textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:0;width:100%;min-height:200px;padding:1rem;font-family:Courier New,monospace;font-size:.95rem;transition:border-color .3s}.origins-textarea:focus{border-color:#1d1d1b;outline:none;box-shadow:0 0 0 3px #1d1d1b1a}.input-hint{color:#333;background:#f0f8ff;border-left:4px solid #4a9d5f;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;font-size:.9rem;display:flex}.input-hint .material-icons{color:#4a9d5f;font-size:1.25rem}.creator-actions{gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.creator-actions{flex-direction:column}}.btn-generate{background-color:var(--brand-black);border:1px solid var(--brand-black);color:#fff;cursor:pointer;border-radius:0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-generate:hover:not(:disabled){color:var(--brand-black);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.btn-reset{color:var(--brand-black);border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-reset:hover{border-color:var(--brand-black);color:var(--brand-black);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.btn-creator{background-color:var(--brand-red);border:1px solid var(--brand-red);color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-creator:hover{color:var(--brand-red);background-color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #c73e4733}.output-section{background:#f9f9f9;border:2px solid #4a9d5f;border-radius:0;margin-top:1.5rem;padding:1.5rem}.output-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.output-label{color:#1d1d1b;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.output-label .material-icons{color:#4a9d5f;font-size:1.5rem}.btn-copy-output{background:var(--semantic-success-alt);border:1px solid var(--semantic-success-alt);color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-copy-output:hover{color:var(--semantic-success-alt);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.output-box{background:#1d1d1b;border-radius:0;margin-bottom:1rem;padding:1.25rem;overflow-x:auto}.output-box code{color:#4af626;word-break:break-all;white-space:pre-wrap;font-family:Courier New,monospace;font-size:.95rem}.output-hint{color:#333;background:#fff;border-left:4px solid #4a9d5f;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;display:flex}.output-hint .material-icons{color:#4a9d5f;font-size:1.25rem}.section-actions{align-items:center;gap:1rem;display:flex}@media (width<=768px){.section-actions{flex-direction:column;width:100%}.section-actions button{width:100%}}.btn-view-toggle{color:var(--brand-black);border:2px solid var(--brand-black);cursor:pointer;background:#fff;border-radius:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-view-toggle:hover{background:var(--brand-black);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.origins-table-container{background:#fff;border:3px solid #1d1d1b;border-radius:0;overflow-x:auto;box-shadow:0 4px 16px #00000026}.origins-table{border-collapse:collapse;width:100%;font-size:.95rem}.origins-table thead{color:#fff;background:#1d1d1b}.origins-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid #c73e47;padding:1.25rem 1rem;font-size:.9rem;font-weight:700}.origins-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.origins-table tbody tr:hover{background-color:#f9f9f9}.origins-table tbody tr:last-child{border-bottom:none}.origins-table td{vertical-align:middle;padding:1rem}.table-index{color:#1d1d1b;text-align:center;width:60px;font-weight:700}.table-url{word-break:break-all;align-items:center;gap:.5rem;font-family:Courier New,monospace;display:flex}.table-url .material-icons{color:#7a8288;flex-shrink:0;font-size:1.25rem}.table-url code{color:#1d1d1b;background:#f5f5f5;border-radius:0;padding:.25rem .5rem;font-size:.9rem}.table-protocol{width:100px}.protocol-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:0;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.protocol-badge.https{color:#fff;background:#4a9d5f}.protocol-badge.http{color:#fff;background:#d4a233}.protocol-badge{color:#fff;background:#7a8288}.table-domain{color:#3d3d3d;font-weight:600}.table-actions{text-align:center;width:80px}.btn-copy-table{color:#1d1d1b;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:inline-flex}.btn-copy-table:hover{background:var(--brand-black);color:#fff;border-color:var(--brand-black);transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.btn-copy-table .material-icons{font-size:1.25rem}@media (width<=1024px){.origins-table{font-size:.85rem}.origins-table thead th,.origins-table td{padding:.75rem}.table-protocol,.table-domain{display:none}}@media (width<=768px){.origins-table-container{border-left:none;border-right:none}}.magic-link-container{background:linear-gradient(135deg,#1d1d1b 0%,#3a3a38 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.background-pattern{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pattern-circle{background:#ffffff08;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.pattern-circle-1{width:500px;height:500px;animation-name:float1;animation-delay:0s;top:-150px;left:-150px}.pattern-circle-2{width:350px;height:350px;animation-name:float2;animation-delay:7s;bottom:-100px;right:-100px}.pattern-circle-3{width:250px;height:250px;animation-name:float3;animation-delay:14s;top:40%;right:10%}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-40px)scale(1.1)}66%{transform:translate(-30px,50px)scale(.95)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,30px)scale(1.05)}66%{transform:translate(40px,-50px)scale(1.1)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,60px)scale(.9)}66%{transform:translate(-50px,-30px)scale(1.15)}}.verification-card{text-align:center;z-index:1;background:#fff;border:1px solid #0000001a;border-radius:0;width:90%;max-width:500px;padding:50px 40px;animation:.5s ease-out slideUp;position:relative;box-shadow:0 4px 12px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header{margin-bottom:40px}.logo-layout{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;animation:.8s ease-out fadeIn;display:flex}.logo{filter:drop-shadow(0 2px 4px #0000001a);width:auto;height:55px;display:block}.logo-divider{background-color:#1d1d1b4d;width:1px;height:50px}.logo-text{text-align:left;flex-direction:column;gap:2px;line-height:1;display:flex}.service-name{color:#1d1d1b;letter-spacing:.3px;font-size:1.8rem;font-weight:600}.service-subtitle{color:#707070;text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:400}.status-icon-container{justify-content:center;align-items:center;margin:40px 0;display:flex}.spinner{width:80px;height:80px;position:relative}.spinner-ring{border:4px solid #0000;border-top-color:#1d1d1b;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:absolute}.spinner-ring:nth-child(2){border-top-color:#666;width:90%;height:90%;animation-delay:.2s;top:5%;left:5%}.spinner-ring:nth-child(3){border-top-color:#999;width:80%;height:80%;animation-delay:.4s;top:10%;left:10%}.icon-success{width:80px;height:80px;animation:.5s ease-out scaleIn}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.icon-success-circle{stroke:#10b981;stroke-width:2px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s ease-out forwards strokeCircle}@keyframes strokeCircle{to{stroke-dashoffset:0}}.icon-success-check{stroke:#10b981;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px;animation:.4s ease-out .3s forwards strokeCheck}@keyframes strokeCheck{to{stroke-dashoffset:0}}.icon-error{width:80px;height:80px;animation:.5s ease-out scaleIn}.icon-error-circle{stroke:#ef4444;stroke-width:2px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s ease-out forwards strokeCircle}.icon-error-line{stroke:#ef4444;stroke-width:3px;stroke-linecap:round;stroke-dasharray:54;stroke-dashoffset:54px;animation:.4s ease-out .3s forwards strokeCheck}.message-container{margin:30px 0}.status-message{margin-bottom:15px;font-size:24px;font-weight:600}.status-message.status-verifying{color:#1d1d1b}.status-message.status-success{color:#10b981}.status-message.status-error{color:#ef4444}.email-display{color:#666;background:#f9fafb;border-left:4px solid #1d1d1b;border-radius:0;margin-top:10px;padding:15px;font-size:14px}.email-label{color:#1d1d1b;margin-right:5px;font-weight:600}.info-container{margin:30px 0}.info-text{color:#666;margin:10px 0;font-size:14px;line-height:1.6}.success-text{color:#059669;font-weight:500}.error-text{color:#dc2626;font-weight:500}.retry-button{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1d1d1b;border:1px solid #1d1d1b;border-radius:0;justify-content:center;align-items:center;margin-top:20px;padding:12px 30px;font-size:1.4rem;font-weight:600;transition:all .2s;display:inline-flex}.retry-button:hover{color:#1d1d1b;background-color:#fff;border-color:#1d1d1b;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.retry-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.card-footer{border-top:1px solid #e5e7eb;margin-top:40px;padding-top:30px}.security-badge{color:#1d1d1b;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-size:13px;font-weight:600;display:flex}.shield-icon{color:#10b981;width:20px;height:20px}.copyright{color:#999;margin-top:10px;font-size:12px}@media (width<=640px){.verification-card{padding:40px 30px}.service-name{font-size:24px}.status-message{font-size:20px}.logo{height:50px}.spinner,.icon-success,.icon-error{width:60px;height:60px}}.retry-button:focus,.retry-button:focus-visible{outline-offset:2px;outline:3px solid #1d1d1b}@media print{.magic-link-container{background:#fff}.background-pattern{display:none}.verification-card{box-shadow:none}}.error-page{background:#fff;justify-content:center;align-items:center;height:100dvh;padding:1.6rem;display:flex;overflow:hidden}.error-container{width:100%;max-width:520px}.error-content{text-align:center;animation:.5s ease-out errorFadeIn}.error-content p,.error-content h2,.error-content h3{margin-bottom:0}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-logo-section{margin-bottom:.8rem}.error-logo-layout{align-items:center;gap:14px;display:inline-flex}.error-logo{filter:grayscale(.3);width:auto;height:48px;display:block}.error-logo-divider{background:#1d1d1b33;width:1px;height:40px}.error-logo-text{text-align:left;flex-direction:column;gap:2px;line-height:1;display:flex}.error-api-gateway-title{color:#1d1d1b;letter-spacing:.3px;font-size:1.5rem;font-weight:600}.error-tech-portal-subtitle{color:#9ca3af;text-transform:uppercase;letter-spacing:1.2px;font-size:.85rem;font-weight:400}.error-hero{justify-content:center;align-items:center;height:90px;margin:0 auto .8rem;display:flex;position:relative}.error-hero-code{color:#e5e7eb;letter-spacing:-4px;-webkit-user-select:none;user-select:none;font-size:9rem;font-weight:800;line-height:1}.error-hero--compact{height:70px;margin-bottom:.4rem}.error-hero--compact .error-hero-code{font-size:7rem}.error-hero-code--forbidden{color:#fecaca}.error-title{color:#1d1d1b;margin:0 0 .4rem;font-size:1.7rem;font-weight:700}.error-description{color:#6b7280;margin:0 0 1rem;font-size:1.3rem;line-height:1.45}.error-card{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:0;margin-bottom:1rem;padding:1.4rem}.error-card--info{border-left:3px solid #3b82f6}.error-card-header{align-items:center;gap:8px;margin-bottom:.8rem;display:flex}.error-card-header .material-icons{color:#3b82f6;font-size:18px}.error-card-header h3{color:#1d1d1b;margin:0;font-size:1.3rem;font-weight:600}.error-card p{color:#6b7280;margin:0 0 .6rem;font-size:1.2rem;line-height:1.4}.error-card-hint{margin-top:.4rem!important;margin-bottom:0!important;font-size:1.1rem!important}.error-card-hint code{color:#3b82f6;background:#eff6ff;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:1.05rem}.error-card-divider{background:#f3f4f6;height:1px;margin:.8rem 0}.error-card-contact{color:#9ca3af!important;margin:0!important;font-size:1.1rem!important}.error-card-contact a{color:#3b82f6;font-weight:600;text-decoration:none}.error-card-contact a:hover{text-decoration:underline}.error-code-block{background:#1d1d1b;border-radius:0;margin:.6rem 0;padding:.8rem 1.2rem}.error-code-block code{color:#93c5fd;font-family:Courier New,monospace;font-size:1.2rem}.error-suggestions-list{margin:0;padding:0;list-style:none}.error-suggestions-list li{color:#6b7280;border-bottom:1px solid #f3f4f6;padding:.6rem 0 .6rem 2.2rem;font-size:1.2rem;line-height:1.3;position:relative}.error-suggestions-list li:last-child{border-bottom:none;padding-bottom:0}.error-suggestions-list li:before{content:"→";color:#3b82f6;font-weight:600;position:absolute;left:.4rem}.error-contact{color:#6b7280;margin-bottom:1rem;font-size:1.2rem;line-height:1.5}.error-contact a{color:#3b82f6;margin-left:4px;font-weight:600;text-decoration:none}.error-contact a:hover{text-decoration:underline}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-btn{cursor:pointer;font-size:1.25rem;font-weight:600;font-family:var(--font-family);border:1px solid #0000;border-radius:0;align-items:center;gap:6px;padding:.8rem 1.8rem;transition:all .3s;display:inline-flex}.error-btn .material-icons{font-size:18px}.error-btn--primary{background:var(--brand-black);color:#fff;border-color:var(--brand-black)}.error-btn--primary:hover{color:var(--brand-black);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}.error-btn--secondary{color:var(--brand-black);border-color:var(--brand-black);background:#fff}.error-btn--secondary:hover{background:var(--brand-black);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1d1d1b33}@media (width<=600px){.error-page{padding:1.2rem}.error-hero{height:70px}.error-hero-code{font-size:6rem}.error-logo{height:40px}.error-logo-divider{height:34px}.error-api-gateway-title{font-size:1.3rem}.error-title{font-size:1.5rem}.error-card{padding:1.2rem}.error-actions{flex-direction:column}.error-btn{justify-content:center;width:100%}}:root{--brand-black:#1d1d1b;--brand-red:#c73e47;--neutral-white:#fff;--neutral-gray-25:#fbfbfb;--neutral-gray-50:#f9fafb;--neutral-gray-75:#f6f6f6;--neutral-gray-100:#f3f4f6;--neutral-gray-200:#e5e7eb;--neutral-gray-300:#d1d5db;--neutral-gray-400:#c7cad1;--neutral-gray-500:#9ca3af;--neutral-gray-700:#374151;--neutral-gray-900:#111827;--semantic-success:#1d7a2e;--semantic-success-alt:#10b981;--semantic-warning:#f59e0b;--semantic-error:#ef4444;--semantic-critical:#c73e47;--text-primary:#1d1d1b;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--color-page:#f6f6f6;--color-card:#fff;--color-table-header:#f9fafb;--color-table-hover:#f3f4f6;--color-border:#e5e7eb;--color-input-border:#d1d5db;--color-footer-dark:#1a1a1a;--artexa-black:var(--brand-black);--artexa-red:var(--brand-red);--success-green:var(--semantic-success-alt);--warning-orange:var(--semantic-warning);--error-red:var(--semantic-error);--page-background:var(--color-page);--card-white:var(--color-card);--sidebar-light:var(--neutral-gray-50);--hover-gray:var(--neutral-gray-100);--primary-text:var(--text-primary);--secondary-text:var(--text-secondary);--tertiary-text:var(--text-tertiary);--muted-text:var(--text-muted);--border-default:var(--color-border);--border-input:var(--color-input-border);--text-disabled:var(--neutral-gray-500);--font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;--base-font-size:1.4rem;--line-height:1.4286;--font-h1-size:2.6rem;--font-h1-weight:300;--font-h1-line-height:1.1;--font-h2-size:2rem;--font-h2-weight:700;--font-h2-line-height:1.2;--font-body-size:1.4rem;--font-body-weight:400;--font-small-size:1.2rem;--font-tiny-size:1.1rem;--font-tiny-weight:700;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:30px;--spacing-8:40px;--spacing-9:48px;--spacing-10:64px;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-3);--spacing-lg:var(--spacing-4);--spacing-xl:var(--spacing-5);--spacing-2xl:var(--spacing-6);--spacing-3xl:var(--spacing-7);--spacing-4xl:var(--spacing-8);--radius-none:0;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--elevation-card:0 1px 2px #0000000f;--elevation-hover:0 4px 12px #0000001a;--transition-fast:.2s ease;--transition-normal:.3s ease;--z-dropdown:1000;--z-sidebar:100;--z-modal-backdrop:1040;--z-modal:1050;--z-toast:1060}.env-tag{letter-spacing:.8px;text-transform:uppercase;vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:.7em;font-weight:700;line-height:1.6;display:inline-block}.env-tag--development{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.env-tag--staging{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.env-tag--nav.env-tag--development{color:#93c5fd;background:#3b82f633}.env-tag--nav.env-tag--staging{color:#fcd34d;background:#f59e0b33}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{font-family:var(--font-family);font-size:var(--base-font-size);line-height:var(--line-height);color:var(--primary-text);background-color:var(--page-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-lg);color:var(--primary-text);font-weight:700;line-height:1.2}h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line-height)}h2{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line-height)}h3{font-size:1.8rem}h4{font-size:1.6rem}p{margin-bottom:var(--spacing-lg);color:var(--secondary-text)}a{color:var(--artexa-black);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--artexa-red)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}.spinner.large{border-width:3px;width:32px;height:32px}@media (width<=768px){html{font-size:9px}h1{font-size:2.8rem}h2{font-size:2.2rem}}@media (width<=480px){html{font-size:8px}}.error-toast-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0009;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.error-toast{z-index:10001;background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1100px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.error-header{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-bottom:1px solid #0000001a;align-items:center;gap:.75rem;width:100%;padding:1.5rem;display:flex}.error-icon{opacity:.9;font-size:1.75rem;animation:2s ease-in-out infinite pulse}.error-icon-hint{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.error-header h3{letter-spacing:.02em;flex:1;margin:0;font-size:1.3rem;font-weight:600}.error-close{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.error-close:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.error-close .material-icons{font-size:1.3rem}.clickable{cursor:pointer}.error-title.clickable{-webkit-user-select:none;user-select:none}.error-content{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:1rem;width:100%;max-height:60vh;padding:1.5rem 0;display:flex;overflow:hidden auto}.error-content::-webkit-scrollbar{width:8px}.error-content::-webkit-scrollbar-track{background:0 0}.error-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.error-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.error-content>*{margin-left:1.5rem;margin-right:1.5rem}.error-message{color:#7f1d1d;border:1px solid #fecaca;border-left:4px solid var(--brand-red);box-sizing:border-box;background-color:#fef2f2;border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;line-height:1.6}.debug-hint{box-sizing:border-box;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;border-left-width:4px;border-radius:8px;padding:1rem;animation:.3s fadeIn}.debug-hint p{color:#92400e;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.error-debug{color:#abb2bf;box-sizing:border-box;background:linear-gradient(135deg,#282c34 0%,#21252b 100%);border:1px solid #3e4451;border-radius:8px;padding:1.5rem;font-family:Fira Code,JetBrains Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;animation:.3s fadeIn;overflow-x:auto}.debug-header{color:#e06c75;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.debug-header .material-icons{color:#56b6c2;font-size:1.3rem}.error-debug p{color:#abb2bf;margin:.75rem 0;font-size:.9rem;line-height:1.5}.error-debug strong{color:#e5c07b;font-weight:600}.debug-details{color:#abb2bf;white-space:pre-wrap;word-break:break-all;background:#1e2127;border:1px solid #3e4451;border-radius:6px;max-height:350px;margin:1rem 0;padding:1.25rem;font-family:Fira Code,JetBrains Mono,SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;position:relative;overflow:auto;box-shadow:inset 0 2px 4px #0000001a}.btn-copy-debug{color:#1e2127;cursor:pointer;background:linear-gradient(135deg,#61dafb 0%,#56b6c2 100%);border:none;border-radius:6px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-copy-debug:hover{background:linear-gradient(135deg,#56b6c2 0%,#4da6b3 100%);transform:translateY(-1px);box-shadow:0 4px 8px #56b6c24d}.btn-copy-debug .material-icons{font-size:1rem}.debug-details .json-key{color:#e06c75}.debug-details .json-string{color:#98c379}.debug-details .json-number{color:#d19a66}.debug-details .json-boolean{color:#56b6c2}.debug-details .json-null{color:#c678dd}.error-actions{box-sizing:border-box;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:.75rem;width:100%;padding:1.25rem 1.5rem;display:flex}.btn-dismiss{background:var(--brand-black);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-dismiss:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #1d1d1b33}@media (width<=768px){.error-toast{width:95%;max-height:90vh}.error-header,.error-content{padding:1rem}.debug-details{max-height:200px;font-size:.7rem}}