*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.block{display:block}.flex{display:flex}.hidden{display:none}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-glass:#ffffff1a;--bg-card:#ffffffe6;--text-primary:#fff;--text-secondary:#ffffffe6;--text-dark:#333;--border-glass:#fff3;--shadow-color:#0003}.dark-mode{--bg-primary:linear-gradient(135deg,#0a0a0a,#121212);--bg-glass:#191919cc;--bg-card:#232323f2;--text-primary:#f0f0f0;--text-secondary:#f0f0f0cc;--text-dark:#f0f0f0;--border-glass:#3c3c3c4d;--shadow-color:#000c}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App,body{min-height:100vh}.App{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);display:flex;flex-direction:column}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-glass);border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);color:#fff;color:var(--text-primary);padding:2rem 0;position:relative;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-content p{font-size:1.2rem;opacity:.9}.dark-mode-toggle{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.5rem;height:50px;position:absolute;right:2rem;top:1rem;transition:all .3s ease;width:50px}.dark-mode-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.tab-navigation,.tab-navigation button{background:#ffffff1a;background:var(--bg-glass)}.tab-navigation button{border:2px solid #0000;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.tab-navigation button:hover{background:#ffffff4d;transform:translateY(-2px)}.tab-navigation button.active{background:#ffffffe6;background:var(--bg-card);border-color:#fff3;border-color:var(--border-glass);color:#667eea;transform:translateY(-2px)}.tab-content{animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:20px;color:#fff;color:var(--text-primary);padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-buttons{justify-content:center}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.primary-button:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:1rem 2rem;transition:all .3s ease}.secondary-button,.secondary-button:hover{background:#ffffff1a;background:var(--bg-glass)}.secondary-button:hover{transform:translateY(-2px)}.mapping-manager{margin:0 auto;max-width:1200px}.manager-description{font-size:1.1rem;margin-bottom:2rem;opacity:.9;text-align:center}.existing-mappings-section{margin-bottom:3rem}.section-header{background:#ffffff1a;border-radius:10px;cursor:pointer;padding:1rem;transition:all .3s ease}.section-header:hover{background:#ffffff26}.collapse-button{background:none;background:#ffffff1a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s ease}.collapse-button:hover{background:#fff3}.mappings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.mapping-card{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;color:#fff;color:var(--text-primary);margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.mapping-card:hover{box-shadow:0 8px 25px #0003;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-3px)}.mapping-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mapping-tag-name{font-size:1.1rem;font-weight:600}.mapping-action-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.mapping-action-badge.add{background:#4caf504d;border:1px solid #4caf50}.mapping-action-badge.remove{background:#f443364d;border:1px solid #f44336}.mapping-spaces{font-size:.9rem;margin-bottom:1rem;opacity:.9}.mapping-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2;transform:translateY(-2px)}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f;transform:translateY(-2px)}.create-mapping-section{background:#ffffff0d;border:2px solid #fff3;border-radius:20px;padding:2rem}.create-mapping-section h3{font-size:1.5rem;margin-bottom:2rem;text-align:center}.progress-indicator{display:flex;justify-content:center;margin-bottom:3rem;position:relative}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:150px;position:relative}.progress-step:not(:last-child):after{background:#ffffff4d;content:"";height:2px;left:70%;position:absolute;right:-70%;top:15px;z-index:0}.progress-step.active:not(:last-child):after,.progress-step.completed:not(:last-child):after{background:#4caf50}.step-number{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;font-weight:600;height:30px;justify-content:center;margin-bottom:.5rem;position:relative;transition:all .3s ease;width:30px;z-index:1}.progress-step.active .step-number{background:#2196f3;color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:#4caf50;color:#fff}.step-label{font-size:.8rem;opacity:.8;text-align:center}.progress-step.active .step-label{font-weight:600;opacity:1}.mapping-step{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:15px;color:#fff;color:var(--text-primary);margin-bottom:2rem;opacity:.5;padding:2rem;transition:all .3s ease}.mapping-step.active{border-color:#667eea80;box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow-color);opacity:1}.step-header{margin-bottom:1.5rem;text-align:center}.step-header h4{font-size:1.3rem;margin-bottom:.5rem}.step-header p{font-size:1rem;opacity:.9}.search-box{display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}.search-input{background:#ffffffe6;border:none;border-radius:10px;color:#333;font-size:1rem;max-width:400px;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-input::placeholder{color:#666}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:2rem;justify-content:center;padding:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2rem}.clear-search-btn:hover{background:#0000001a;color:#333}.data-count-info{color:#ffffffe6;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;opacity:.8;text-align:center}.backup-restore-section{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:15px;margin-top:2rem;padding:2rem}.backup-restore-section h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:1rem}.backup-description{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:5px;color:#ffffffe6;color:var(--text-secondary);margin-bottom:2rem;padding:1rem}.backup-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.backup-action-card{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.backup-action-card:hover{background:#ffffff14;transform:translateY(-2px)}.backup-icon{font-size:2rem;min-width:3rem;text-align:center}.backup-content h4{color:#fff;color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.backup-content p{color:#ffffffe6;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.backup-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;min-width:140px;padding:.75rem 1.5rem;transition:all .3s ease}.backup-btn.primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.backup-btn.secondary{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.backup-btn.tertiary{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.backup-btn:hover:not(:disabled){box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}.backup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.backup-status{background:#ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.current-data-info{color:#ffffffe6;color:var(--text-secondary);font-size:.95rem}.backup-info{color:#fff;color:var(--text-primary);margin-top:.5rem}.backup-instructions{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.backup-instructions h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:1rem}.backup-instructions ol{color:#ffffffe6;color:var(--text-secondary);padding-left:1.5rem}.backup-instructions li{line-height:1.4;margin-bottom:.5rem}.delete-user-notice{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;color:#fff;color:var(--text-primary);font-weight:500;margin-top:1rem;padding:1rem}.tag-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.tag-option-card{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.tag-option-card:hover{background:#fff3;transform:translateY(-3px)}.tag-option-card.selected{background:#4caf504d;border-color:#4caf50;transform:translateY(-3px)}.tag-name{font-weight:600;margin-bottom:.5rem;word-break:break-word}.tag-stats{opacity:.8}.selected-indicator{color:#4caf50;font-size:1.2rem;font-weight:700;position:absolute;right:.5rem;top:.5rem}.action-selection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.action-option-card{background:#ffffff1a;border:2px solid #fff3;border-radius:15px;padding:2rem}.action-option-card:hover{transform:translateY(-5px)}.action-option-card.grant:hover{background:#4caf5033;border-color:#4caf50}.action-option-card.remove:hover{background:#f4433633;border-color:#f44336}.action-option-card.selected.grant{background:#4caf504d;border-color:#4caf50;transform:translateY(-5px)}.action-option-card.selected.remove{background:#f443364d;border-color:#f44336;transform:translateY(-5px)}.action-icon{font-size:3rem;margin-bottom:1rem}.action-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.action-description{font-size:.9rem;line-height:1.4;opacity:.9}.space-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1rem}.space-option-card{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .3s ease}.space-option-card:hover{background:#fff3;transform:translateY(-3px)}.space-option-card.selected{background:#4caf504d;border-color:#4caf50;transform:translateY(-3px)}.space-name{font-weight:600;margin-bottom:.5rem;word-break:break-word}.space-details{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem;opacity:.8}.space-id{font-size:.7rem;opacity:.6}.selection-summary{background:#ffffff1a;border-radius:10px;margin-top:1rem;padding:1rem}.selected-spaces-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-space-tag{background:#4caf504d;border:1px solid #4caf50;border-radius:15px;color:#fff;font-size:.8rem;padding:.25rem .75rem}.mapping-preview-card{background:#ffffffe6;background:var(--bg-card)}.dark-mode .mapping-preview-card{background:#282828f2;border:2px solid #6464644d;color:#f0f0f0}.dark-mode .business-rule-explanation{background:#3c3c3c80;color:#f0f0f0}.dark-mode .business-impact{background:#16a34a33;color:#f0f0f0}.preview-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.preview-flow{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.preview-action,.preview-spaces,.preview-trigger{flex:1 1;min-width:200px;text-align:center}.preview-tag{background:#fff3}.preview-action-badge,.preview-tag{border-radius:10px;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.preview-action-badge{display:inline-block}.preview-action-badge.add{background:#4caf504d;border:1px solid #4caf50}.preview-action-badge.remove{background:#f443364d;border:1px solid #f44336}.preview-spaces-list{margin-top:.5rem}.preview-space{background:#fff3;border-radius:8px;display:inline-block;font-size:.9rem;margin:.2rem;padding:.3rem .8rem}.preview-arrow{color:#4caf50;font-size:1.5rem;font-weight:700}.create-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.create-mapping-button{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.create-mapping-button:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-3px)}.create-mapping-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-button{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;cursor:pointer;font-size:1rem;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.reset-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.empty-state{opacity:.8}.show-more-hint{font-size:.9rem;font-style:italic;margin-top:1rem;opacity:.7;text-align:center}.connections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.connection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-glass);border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:15px;color:#fff;color:var(--text-primary);margin:1rem;min-width:300px;padding:1.5rem;transition:all .3s ease}.connection-card:hover{box-shadow:0 10px 30px #0003;box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-5px)}.connection-card.success{border-color:#4caf50;box-shadow:0 0 20px #4caf504d}.connection-card.error{border-color:#f44336;box-shadow:0 0 20px #f443364d}.connection-card h3{font-size:1.5rem;margin-bottom:1rem}.status-indicator{margin-bottom:1rem}.details{background:#ffffff1a;border-radius:8px;padding:1rem;text-align:left}.detail-item{font-size:.9rem;margin-bottom:.5rem}.error-details{background:#f4433633;border-radius:8px;padding:1rem;text-align:left}.overall-status{background:#ffffff1a;border-radius:15px;padding:1.5rem;text-align:center}.success-message{background:#4caf5033;border:1px solid #4caf50;border-radius:10px;margin-top:1rem;padding:1rem}.data-grid{background:#ffffff1a;background:var(--bg-glass);border-radius:15px;margin-top:1rem;padding:1.5rem}.spaces-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.space-card{border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:10px;color:#fff;color:var(--text-primary);padding:1rem;transition:all .3s ease}.space-card,.space-card:hover{background:#ffffff1a;background:var(--bg-glass)}.space-card:hover{box-shadow:0 5px 15px #0003;box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-2px)}.contact-card h4,.space-card h4{color:#fff;margin-bottom:1rem}.tags{margin-top:1rem}.tag{background:#4caf504d;border:1px solid #4caf50;border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;margin:.25rem .25rem .25rem 0;padding:.25rem .75rem}.no-tags{color:#fff9;font-style:italic}@media (max-width:768px){.main-content{padding:1rem}.tab-navigation{flex-direction:column;gap:.5rem}.tab-navigation button{padding:.75rem 1rem}.header-content h1{font-size:2rem}.connections-grid{grid-template-columns:1fr}.progress-indicator{flex-direction:column;gap:1rem}.progress-step:not(:last-child):after{display:none}.action-selection-grid,.space-selection-grid,.tag-selection-grid{grid-template-columns:1fr}.preview-flow{flex-direction:column;text-align:center}.preview-arrow{transform:rotate(90deg)}.create-actions{flex-direction:column}.mappings-grid{grid-template-columns:1fr}.mapping-actions{flex-direction:column}}.data-stats{flex-wrap:wrap;gap:1rem;margin-left:1rem}.data-stats,.data-stats .stat{align-items:center;display:flex}.data-stats .stat{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.data-source{font-size:.75rem;margin-left:.5rem;opacity:.8}.data-source.cache{color:#ff9800}.data-source.fresh{color:#4caf50}.progress-status{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem}.progress-status.completed{background:#e8f5e8;border-color:#4caf50}.progress-status.error{background:#ffebee;border-color:#f44336}.progress-message{font-weight:500;margin-bottom:.5rem}.progress-details{color:#666;font-size:.875rem;margin-bottom:.5rem}.error-count{color:#f44336;font-weight:500}.retry-button{background:#ff9800;border-radius:4px;font-size:.875rem}.retry-button:hover:not(:disabled){background:#f57c00}.retry-button:disabled{opacity:.6}.cache-info{align-items:center;background:#f3e5f5;border-radius:6px;color:#7b1fa2;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.fresh-indicator{color:#4caf50;font-weight:500}.expires-info{opacity:.8}.loading-state{background:#f8f9fa;border-radius:8px;color:#666}.loading-state p{font-size:1.1rem;margin:0}.preview-tag-count{color:#666;font-size:.875rem;font-style:italic;margin-top:.25rem}.action-buttons{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:2rem;padding:1rem}.action-buttons .primary-button{min-width:150px}.performance-badge{background:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.25rem .5rem}.performance-badge.optimized{background:#2196f3}.space-selection-grid.loading,.tag-selection-grid.loading{opacity:.6;pointer-events:none}.status-indicator.loading:after{animation:spin 1s linear infinite;content:" 🔄"}.settings-manager{margin:0 auto;max-width:1000px;padding:20px}.configuration-status{align-items:center;border-left:5px solid;border-radius:12px;display:flex;margin-bottom:30px;padding:20px}.configuration-status.configured{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left-color:#28a745}.configuration-status.not-configured{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left-color:#ffc107}.configuration-status .status-icon{font-size:2rem;margin-right:15px}.configuration-status .status-text strong{display:block;font-size:1.2rem;margin-bottom:5px}.settings-sections{grid-gap:30px;display:grid;gap:30px}.settings-section{background:#fff;border-left:5px solid #007bff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.settings-section h3{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:10px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.config-input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.config-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.token-input-group{align-items:center;display:flex;gap:10px}.token-input-group .config-input{flex:1 1}.toggle-visibility{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:12px 15px;transition:all .3s ease}.toggle-visibility:hover{background:#e9ecef;border-color:#007bff}.help-text{color:#666;display:block;font-size:.9rem;line-height:1.4;margin-top:5px}.webhook-info{background:#f8f9fa;border:1px solid #e0e0e0;padding:20px}.webhook-url-group{align-items:center;display:flex;gap:10px}.webhook-url{background:#fff!important;font-family:Monaco,Menlo,monospace;font-size:.9rem}.copy-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .3s ease;white-space:nowrap}.copy-button:hover{background:#0056b3}.settings-actions{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;margin-top:30px;padding:25px}.connection-test-results{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:30px;padding:25px}.connection-test-results h3{color:#333;margin:0 0 20px}.test-result{border-left:5px solid;border-radius:8px;margin-bottom:15px;padding:15px}.test-result.connected{background:#d4edda;border-left-color:#28a745}.test-result.error{background:#f8d7da;border-left-color:#dc3545}.test-result.overall{font-weight:600;margin-top:20px;padding:20px}.test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.service-name{color:#333;font-weight:600}.status-badge{border-radius:20px;font-size:.9rem;padding:5px 12px}.status-badge.connected{background:#28a745;color:#fff}.status-badge.error{background:#dc3545;color:#fff}.test-details{color:#666;font-size:.95rem;line-height:1.4;margin:0}@media (max-width:768px){.settings-manager{padding:15px}.settings-section{padding:20px}.webhook-url-group{align-items:stretch}.settings-actions,.test-header,.webhook-url-group{flex-direction:column}.test-header{align-items:flex-start;gap:10px}}.webhook-monitor{margin:0 auto;max-width:1200px}.monitor-header{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:2rem}.monitor-header h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:.5rem}.monitor-description{color:#ffffffe6;color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.monitor-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.auto-refresh-toggle{align-items:center;color:#ffffffe6;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.auto-refresh-toggle input[type=checkbox]{margin:0}.health-status-section{margin-bottom:2rem}.health-status-section h3{color:#333;color:var(--text-dark);font-size:1.3rem;margin-bottom:1rem}.health-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.health-card{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-color);color:#333;color:var(--text-dark);padding:1.5rem}.health-card.healthy{border-left-color:#22c55e}.health-card.degraded{border-left-color:#f59e0b}.health-card.unhealthy{border-left-color:#ef4444}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.health-title{color:#1e293b;font-weight:600}.health-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.health-badge.healthy{background-color:#22c55e}.health-badge.degraded{background-color:#f59e0b}.health-badge.unhealthy{background-color:#ef4444}.health-issues{space-y:.5rem}.health-issue{background:#fef2f2;border-radius:4px;color:#dc2626;font-size:.9rem;margin-bottom:.5rem;padding:.5rem}.stats-dashboard{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:2rem}.stats-dashboard h3{color:#333;color:var(--text-dark);font-size:1.3rem;margin-bottom:1.5rem}.stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{background:#ffffff1a;background:var(--bg-glass);border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:8px;color:#333;color:var(--text-dark);padding:1.5rem}.stat-card:hover{border-color:#fff3;border-color:var(--border-glass)}.stat-card.success{background:#22c55e1a;border-color:#22c55e}.stat-card.error{background:#ef44441a;border-color:#ef4444}.stat-card.recent{background:#3b82f61a;border-color:#3b82f6}.stat-value{color:#333;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#ffffffe6;color:var(--text-secondary);font-size:.9rem;font-weight:500}.error-categories{margin-top:2rem}.error-categories h4{color:#1e293b;margin-bottom:1rem}.error-category-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.error-category-item{align-items:center;background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem}.category-name{color:#7f1d1d;font-weight:500;text-transform:capitalize}.category-count{background:#dc2626;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.event-filters{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:1.5rem}.event-filters h3{color:#333;color:var(--text-dark);font-size:1.2rem;margin-bottom:1rem}.filter-controls{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#333;color:var(--text-dark);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-group select,.filter-input{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:6px;color:#333;color:var(--text-dark);font-size:.9rem;padding:.5rem}.filter-group select:focus,.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.apply-filters-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:.6rem 1.2rem;transition:background-color .2s ease}.apply-filters-button:hover:not(:disabled){background:#2563eb}.apply-filters-button:disabled{background:#9ca3af;cursor:not-allowed}.webhook-events-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);padding:2rem}.webhook-events-section h3{color:#1e293b;font-size:1.3rem;margin-bottom:1.5rem}.webhook-events-list{space-y:1rem}.webhook-event-card{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:8px;color:#333;color:var(--text-dark);margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.webhook-event-card:hover{border-color:#fff3;border-color:var(--border-glass);box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-color)}.webhook-event-card.success{border-left:4px solid #22c55e}.webhook-event-card.failed,.webhook-event-card.permanently_failed{border-left:4px solid #ef4444}.webhook-event-card.retrying{border-left:4px solid #f59e0b}.webhook-event-card.pending,.webhook-event-card.processing{border-left:4px solid #3b82f6}.event-header{justify-content:space-between;margin-bottom:1rem}.event-header,.event-main-info{align-items:center;display:flex}.event-main-info{flex-wrap:wrap;gap:1rem}.event-type{background:#3b82f633;border-radius:12px;color:#60a5fa;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.event-email{color:#333;color:var(--text-dark);font-weight:500}.event-timestamp{color:#ffffffe6;color:var(--text-secondary);font-size:.85rem}.status-badge{color:#fff;font-size:.8rem;padding:.25rem .75rem;text-transform:uppercase}.event-details{space-y:1rem}.event-meta{color:#ffffffe6;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}.processing-attempts{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:6px;margin-top:1rem;padding:1rem}.attempts-header{color:#333;color:var(--text-dark);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.attempt-item{border-radius:4px;font-size:.85rem;margin-bottom:.5rem;padding:.5rem}.attempt-item.success{background:#22c55e1a;border-left:3px solid #22c55e;color:#10b981}.attempt-item.failed{background:#ef44441a;border-left:3px solid #ef4444;color:#f87171}.error-message{color:#f87171;font-weight:500}.processing-time{color:#ffffffe6;color:var(--text-secondary);font-size:.8rem}.event-actions{border-top:1px solid #fff3;border-top:1px solid var(--border-glass);margin-top:1rem;padding-top:1rem}.retry-button{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.retry-button:hover:not(:disabled){background:#d97706}.retry-button:disabled{background:#9ca3af;cursor:not-allowed}.loading-state{color:#ffffffe6;color:var(--text-secondary);text-align:center}.empty-state,.loading-state{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:10px;margin:1rem 0;padding:2rem}.empty-state p{margin-bottom:1rem}@media (max-width:768px){.monitor-controls{align-items:stretch;flex-direction:column}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-controls{grid-template-columns:1fr}.event-main-info{gap:.5rem}.event-header,.event-main-info{align-items:flex-start;flex-direction:column}.event-header{gap:1rem}.event-meta{flex-direction:column;gap:.5rem}}.template-example-notice{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#fff;margin-bottom:1.5rem;padding:1rem}.example-badge{background:#3b82f633;border-radius:12px;color:#60a5fa;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .8rem}.template-example-notice p{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:0}.quick-start-section{background:#ffffff26;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.quick-start-section h3{color:#fff;font-size:1.4rem;margin-bottom:.5rem}.quick-start-section p{color:#ffffffe6;font-size:1rem;margin-bottom:1.5rem}.quick-start-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.quick-start-card{background:#ffffffe6;border:2px solid #0000;border-radius:12px;color:#333;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.quick-start-card:hover{border-color:#667eea4d;box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.quick-start-card.course{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-start-card.membership{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.quick-start-card.event{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.quick-start-card.custom{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);color:#333;color:var(--text-dark)}.dark-mode .quick-start-card.custom{background:#3c3c3ce6;border:1px solid #50505080;color:#f0f0f0}.quick-start-icon{font-size:2.5rem;margin-bottom:1rem}.quick-start-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.quick-start-subtitle{font-size:1rem;font-weight:500;margin-bottom:1rem;opacity:.9}.quick-start-description{font-size:.9rem;line-height:1.4;opacity:.8}.business-friendly-explanation{background:#ffffff1a;background:var(--bg-glass);border-left:4px solid #fff3;border-left:4px solid var(--border-glass);border-radius:10px;margin-bottom:1.5rem;padding:1rem}.business-friendly-explanation p{color:#ffffffe6;color:var(--text-secondary);margin-bottom:.5rem}.step-explanation{background:#ffffff1a;background:var(--bg-glass);border-radius:8px;color:#ffffffe6;color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;padding:.8rem}.simple-preview-box{background:#ffffffe6;background:var(--bg-card);border:2px solid #667eea4d;border-radius:12px;color:#333;color:var(--text-dark);margin:1rem 0 2rem;padding:1.5rem}.dark-mode .simple-preview-box{background:#282828f2;border:2px solid #6464644d;color:#f0f0f0}.dark-mode .preview-text strong,.dark-mode .simple-preview-box h4{color:#60a5fa}.simple-preview-box h4{color:#667eea;font-size:1.2rem;margin-bottom:1rem}.preview-text{color:#444;font-size:1rem;line-height:1.6}.preview-text strong{color:#667eea;font-weight:600}.mapping-business-explanation{background:#ffffff1a;border-radius:8px;color:#ffffffe6;font-size:.9rem;line-height:1.4;margin:.5rem 0;padding:.8rem}.mapping-action-badge.add{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mapping-action-badge.remove{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tag-stats{color:#ffffffb3;font-size:.8rem}.mapping-preview-card{background:#fffffff2;border:2px solid #667eea4d;border-radius:15px;color:#333;margin-bottom:1.5rem;padding:2rem}.preview-business-explanation{text-align:left}.preview-business-explanation p{color:#444;margin-bottom:1rem}.business-rule-explanation{background:#667eea1a;border-radius:8px;color:#333;line-height:1.6;margin:1rem 0;padding:1rem}.business-impact{background:#10b9811a;border-radius:8px;color:#333;font-size:.9rem;margin-top:1rem;padding:.8rem}.preview-spaces-list{margin:1rem 0}.preview-space{background:#667eea1a;border-radius:6px;color:#667eea;font-weight:500;margin:.3rem 0;padding:.5rem 1rem}.create-mapping-button.primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-right:1rem;padding:1rem 2rem;transition:all .3s ease}.create-mapping-button.primary:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.reset-button.secondary{background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.reset-button.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.quick-start-grid{grid-template-columns:1fr}.quick-start-card{padding:1.2rem}.quick-start-icon{font-size:2rem}.simple-preview-box{padding:1rem}.preview-text{font-size:.9rem}}.queue-management-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:2rem}.queue-management-section h3{color:#333;color:var(--text-dark);font-size:1.3rem;margin-bottom:1.5rem}.queue-status-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.queue-card{background:#ffffff1a;background:var(--bg-glass);border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:8px;color:#333;color:var(--text-dark);padding:1.5rem;text-align:center;transition:all .2s ease}.queue-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.queue-value{color:#333;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.queue-label{color:#ffffffe6;color:var(--text-secondary);font-size:.9rem;font-weight:500}.queue-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.queue-controls button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.pause-button{background:#ef4444}.pause-button:hover:not(:disabled){background:#dc2626}.resume-button{background:#22c55e}.resume-button:hover:not(:disabled){background:#16a34a}.refresh-button{background:#3b82f6}.refresh-button:hover:not(:disabled){background:#2563eb}.queue-controls button:disabled{background:#9ca3af;cursor:not-allowed}.job-timeline{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.job-timeline h4{color:#1e293b;margin-bottom:1rem}.timeline-container{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.timeline-job{align-items:center;background:#f1f5f9;border-left:4px solid;border-radius:6px;display:flex;gap:1rem;padding:.75rem}.timeline-job.priority-HIGH{border-left-color:#ef4444}.timeline-job.priority-MEDIUM{border-left-color:#f59e0b}.timeline-job.priority-LOW{border-left-color:#6b7280}.job-time{color:#1e293b;font-weight:500;min-width:80px}.job-type{background:#e0f2fe;border-radius:12px;color:#0277bd;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.job-status{color:#64748b;font-size:.85rem;text-transform:capitalize}.cancel-job-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem;transition:background-color .2s ease}.cancel-job-button:hover{background:#fee2e2}.timeline-more{color:#64748b;font-style:italic;padding:.5rem;text-align:center}.queue-metrics{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.queue-metrics h4{color:#1e293b;margin-bottom:1rem}.metrics-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#f8fafc;border:2px solid #0000;border-radius:8px;transition:all .2s ease}.metric-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.metric-card.success{background:#f0fdf4;border-color:#22c55e}.metric-card.error{background:#fef2f2;border-color:#ef4444}.metric-value{color:#1e293b;font-size:1.8rem}.metric-label{color:#64748b;font-size:.9rem}.dlq-management-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem}.dlq-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:background-color .2s ease}.dlq-header:hover{background:#ffffff1a;background:var(--bg-glass)}.dlq-header h3{color:#333;color:var(--text-dark);margin:0}.expand-button{background:none;border:none;color:#ffffffe6;color:var(--text-secondary);cursor:pointer;font-weight:500}.dlq-content{padding:2rem}.dlq-controls{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.dlq-controls,.dlq-filters{align-items:center;display:flex;gap:1rem}.dlq-filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem}.dlq-filters button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.dlq-filters button:hover:not(:disabled){background:#2563eb}.dlq-filters button:disabled{background:#9ca3af;cursor:not-allowed}.dlq-bulk-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dlq-bulk-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.dlq-bulk-actions button:first-child{background:#6b7280;color:#fff}.dlq-bulk-actions button:nth-child(2){background:#3b82f6;color:#fff}.dlq-bulk-actions button:last-child{background:#6b7280;color:#fff}.dlq-bulk-actions button:hover:not(:disabled){opacity:.8}.dlq-bulk-actions button:disabled{background:#9ca3af;cursor:not-allowed}.dlq-items-list{space-y:1rem}.dlq-item{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:8px;color:#333;color:var(--text-dark);margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.dlq-item:hover{border-color:#fff3;border-color:var(--border-glass);box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-color)}.dlq-item.pending{border-left:4px solid #f59e0b}.dlq-item.reprocessing{border-left:4px solid #3b82f6}.dlq-item.archived{border-left:4px solid #6b7280;opacity:.7}.dlq-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.dlq-item-email{color:#333;color:var(--text-dark);font-weight:500}.dlq-item-time{color:#64748b;font-size:.85rem}.dlq-status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.dlq-status-badge.pending{background:#fef3c7;color:#92400e}.dlq-status-badge.reprocessing{background:#dbeafe;color:#1e40af}.dlq-status-badge.archived{background:#f3f4f6;color:#374151}.dlq-item-details{line-height:1.6;margin-bottom:1rem}.dlq-item-details>div{margin-bottom:.5rem}.dlq-item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dlq-item-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.reprocess-button{background:#3b82f6;color:#fff}.reprocess-button:hover:not(:disabled){background:#2563eb}.archive-button{background:#6b7280;color:#fff}.archive-button:hover{background:#4b5563}.details-button{background:#e5e7eb;color:#374151}.details-button:hover{background:#d1d5db}.advanced-config-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.config-header{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:background-color .2s ease}.config-header:hover{background:#f8fafc}.config-header h3{color:#1e293b;margin:0}.config-content{padding:2rem}.retry-policy-editor h4{color:#1e293b;margin-bottom:1.5rem}.policy-category{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.policy-category h5{color:#1e293b;font-size:1.1rem;margin-bottom:1rem}.policy-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.control-group{display:flex;flex-direction:column}.control-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.control-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.5rem}.control-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.policy-preview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.delay-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.delay-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:.8rem;padding:.25rem .5rem}.policy-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding-top:2rem}.policy-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.save-button{background:#22c55e;color:#fff}.save-button:hover:not(:disabled){background:#16a34a}.reset-button{background:#6b7280;color:#fff}.reset-button:hover{background:#4b5563}.policy-actions button:disabled{background:#9ca3af;cursor:not-allowed}.realtime-status-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;overflow:hidden}.realtime-header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);padding:1.5rem 2rem}.realtime-header h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.status-indicators{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:2rem}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-indicator.active{background:#00ff004d}.status-indicator.inactive{background:#fff3}.status-dot{animation:none;border-radius:50%;height:8px;width:8px}.status-dot.live{animation:pulse 2s infinite;background:red}.status-dot.paused{background:#666}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.webhook-url-display{background:#0000004d;border-radius:6px;font-size:.9rem;padding:.5rem 1rem;word-break:break-all}.webhook-url-display code{color:#fff;font-family:Monaco,Menlo,monospace;font-size:.8rem}.last-update{font-size:.8rem;opacity:.9}.activity-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.activity-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:8px;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem}.card-content{padding:1.5rem}.metric{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;padding:.75rem 0}.metric:last-child{border-bottom:none}.metric-label{color:#ffffffe6;color:var(--text-secondary)}.metric-value{color:#333;font-weight:600}.metric-value.active{color:#22c55e}.metric-value.inactive{color:#ef4444}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .6rem}.status-badge.success{background:#dcfce7;color:#15803d}.status-badge.failed{background:#fef2f2;color:#dc2626}.status-badge.pending{background:#fefce8;color:#ca8a04}.webhook-logs-section{margin-top:2rem;padding:0 2rem 2rem}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.logs-header h4{color:#333;color:var(--text-dark);font-size:1.1rem}.logs-count{color:#ffffffe6;color:var(--text-secondary);font-size:.9rem}.logs-container{background:#ffffff1a;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:8px;max-height:400px;overflow-y:auto}.log-entry{grid-gap:1rem;align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);display:grid;font-size:.9rem;gap:1rem;grid-template-columns:150px 80px 1fr 1fr;padding:.75rem 1rem}.log-entry:last-child{border-bottom:none}.log-entry.success{background:#22c55e0d}.log-entry.failed{background:#ef44440d}.log-timestamp{color:#ffffffe6;color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:.8rem}.log-status{border-radius:4px;font-size:.7rem;font-weight:600;padding:.2rem .6rem;text-align:center}.log-status.success{background:#dcfce7;color:#15803d}.log-status.failed{background:#fef2f2;color:#dc2626}.log-status.pending{background:#fefce8;color:#ca8a04}.log-email{color:#333;color:var(--text-dark);font-weight:500}.log-tags{color:#ffffffe6;color:var(--text-secondary);font-size:.8rem}.log-error{border-top:1px solid #fff3;border-top:1px solid var(--border-glass);color:#dc2626;font-size:.8rem;grid-column:1/-1;margin-top:.5rem;padding-top:.5rem}.realtime-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:6px;color:#ffffffe6;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.realtime-toggle input[type=checkbox]{margin:0}.secondary-button{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.secondary-button:hover:not(:disabled){background:#4b5563}.secondary-button:disabled{background:#9ca3af;cursor:not-allowed}.danger-button{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;transition:background-color .2s ease}.danger-button:hover:not(:disabled){background:#dc2626}.danger-button:disabled{background:#9ca3af;cursor:not-allowed}.danger-button.loading{background:#9ca3af;cursor:wait}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:12px;width:12px}.danger-button:focus{outline:2px solid #ef4444;outline-offset:2px}.danger-button:active:not(:disabled){transform:scale(.98)}@media (max-width:768px){.queue-controls{flex-direction:column}.queue-status-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dlq-controls{align-items:stretch;flex-direction:column}.dlq-bulk-actions{justify-content:center}.policy-controls{grid-template-columns:1fr}.dlq-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.dlq-item-actions{justify-content:center}.policy-actions{flex-direction:column}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.tags-spaces-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.data-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h3{color:var(--text);font-size:1.2rem;font-weight:600;margin:0}.progress-status{border-radius:6px;font-size:.85rem;font-weight:500;padding:4px 8px}.progress-status.completed{background:var(--success-bg);color:var(--success)}.progress-status.new_tags_detected{background:var(--info-bg);color:var(--info)}.progress-status.error{background:var(--error-bg);color:var(--error)}.items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:600px;overflow-y:auto}.data-item-card{background:var(--secondary-bg);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s ease}.data-item-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #3b82f61a}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.item-name{color:var(--text);flex:1 1;font-weight:600;word-break:break-word}.space-type{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 8px;text-transform:capitalize}.space-type.basic{background:var(--info-bg);color:var(--info)}.space-type.course{background:var(--success-bg);color:var(--success)}.space-type.event{background:var(--warning-bg);color:var(--warning)}.space-type.chat{background:var(--primary-bg);color:var(--primary)}.item-details{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.item-details p{color:#ffffffe6;color:var(--text-secondary);font-size:.85rem;margin:4px 0}.tag-card{border-left:4px solid var(--primary)}.space-card{border-left:4px solid var(--success)}.data-overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-number{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:4px}.stat-subtitle{color:#ffffffe6;color:var(--text-secondary);font-size:.85rem}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:20px 0}.search-input-container{flex:1 1;min-width:250px}.view-toggles{display:flex;gap:8px}.toggle-button{background:var(--secondary-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.toggle-button:hover{background:var(--primary-bg);border-color:var(--primary)}.toggle-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.show-more-note{background:var(--info-bg);border-radius:8px;color:var(--info);font-size:.9rem;grid-column:1/-1;padding:16px;text-align:center}.empty-state{color:#ffffffe6;color:var(--text-secondary)}.auto-load-section,.empty-state{padding:40px 20px;text-align:center}.auto-load-section{background:var(--info-bg);border:1px solid var(--info);border-radius:12px;margin:20px 0}.auto-load-message{margin:0 auto;max-width:400px}.auto-load-message p{color:var(--info);font-size:1.1rem;margin-bottom:16px}.load-initial-data{font-size:1.1rem!important;padding:12px 24px!important}.loading-spinner{color:#ffffffe6;color:var(--text-secondary);padding:40px 20px;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border);border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{font-size:1rem;font-style:italic}@media (max-width:768px){.tags-spaces-container{gap:16px}.items-grid,.tags-spaces-container{grid-template-columns:1fr}.search-section{align-items:stretch;flex-direction:column}.view-toggles{justify-content:center}.data-overview-stats{grid-template-columns:1fr}}.action-selection-container{display:flex;flex-direction:column;gap:20px}.basic-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.advanced-actions-grid{animation:slide-down .3s ease-out}.advanced-actions-grid,.dangerous-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin:0 auto;max-width:400px}.action-option-card{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.action-option-card.safe{background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border-color:#22c55e;color:#166534}.action-option-card.caution{background:linear-gradient(135deg,#fef7e8,#fffbf0);border-color:#f59e0b;color:#92400e}.action-option-card.warning{background:linear-gradient(135deg,#fee8e8,#fef0f0);border-color:#ef4444;color:#991b1b}.action-option-card.critical{animation:subtle-pulse 2s infinite;background:linear-gradient(135deg,#fde8e8,#fdf2f2);border:3px solid #dc2626;box-shadow:0 0 20px #dc26264d;color:#991b1b;font-weight:600}@keyframes subtle-pulse{0%,to{box-shadow:0 0 20px #dc26264d}50%{box-shadow:0 0 30px #dc262680}}@keyframes slide-down{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.advanced-actions-toggle{margin:20px 0;text-align:center}.advanced-toggle-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.advanced-toggle-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.dangerous-actions-section{background:repeating-linear-gradient(45deg,#fef2f2,#fef2f2 10px,#fee2e2 0,#fee2e2 20px);border:2px dashed #dc2626;border-radius:12px;margin-top:30px;padding:20px}.danger-warning-header{color:#dc2626;font-size:16px;font-weight:700;margin-bottom:15px;text-align:center}.admin-mode-gate{padding:20px;text-align:center}.admin-mode-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px 24px}.admin-mode-btn:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.dangerous-action-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.dangerous-action-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-danger-header{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:16px 16px 0 0;color:#fff;padding:30px;text-align:center}.danger-icon{animation:warning-pulse 1s infinite;font-size:4rem;margin-bottom:15px}@keyframes warning-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-danger-header h3{font-size:24px;font-weight:700;margin-bottom:8px}.confirmation-content{padding:30px}.confirmation-step{text-align:center}.confirmation-step h4{color:#dc2626;font-size:20px;margin-bottom:20px}.consequences-display{margin:25px 0;text-align:left}.consequence-item{border-radius:12px;display:flex;gap:15px;margin-bottom:15px;padding:20px}.consequence-item.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}.consequence-item.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d}.consequence-icon{flex-shrink:0;font-size:2rem}.consequence-item strong{color:#dc2626;font-size:16px}.consequence-item ul{margin-top:10px;padding-left:20px}.consequence-item li{color:#4b5563;margin:5px 0}.required-phrase{background:#f3f4f6;border:2px solid #dc2626;border-radius:8px;color:#dc2626;font-size:18px;font-weight:700}.required-phrase,.typed-confirmation-input{font-family:Courier New,monospace;margin:20px 0;padding:15px}.typed-confirmation-input{border:2px solid #d1d5db;border-radius:8px;font-size:16px;text-align:center;width:100%}.typed-confirmation-input:focus{border-color:#dc2626;box-shadow:0 0 10px #dc262633;outline:none}.cooldown-display{margin:30px 0}.cooldown-timer{color:#dc2626;font-size:24px;font-weight:700;margin-bottom:15px}.cooldown-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.cooldown-progress{background:linear-gradient(90deg,#dc2626,#ef4444);height:100%;transition:width .5s ease}.final-warning{background:linear-gradient(135deg,#e8f5e8,#f0f9f0);border:2px solid #22c55e;border-radius:8px;color:#166534;font-weight:600;margin:20px 0;padding:20px}.step-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{background:#4b5563;transform:translateY(-2px)}.continue-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.continue-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.continue-btn:disabled{cursor:not-allowed;opacity:.5}.execute-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.execute-btn:hover:not(:disabled){box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.execute-btn:disabled{background:#6b7280;cursor:not-allowed;opacity:.5}@media (max-width:768px){.dangerous-action-modal-overlay{padding:10px}.dangerous-action-modal{margin:10px;width:calc(100vw - 20px)}.basic-actions-grid{grid-template-columns:1fr}.confirmation-content{padding:20px}.step-actions{flex-direction:column}.cancel-btn,.continue-btn,.execute-btn{padding:15px;width:100%}.action-option-card.critical{font-size:1.1rem;min-height:140px}}.documentation-container{color:var(--text-primary);margin:0 auto;max-width:1200px}.documentation-intro{font-size:1.1rem;margin-bottom:2rem;opacity:.9;text-align:center}.documentation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.doc-section.full-width{grid-column:1/-1}.doc-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-dark);display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s ease}.doc-card:hover{box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-5px)}.doc-icon{color:var(--text-dark);font-size:2.5rem;margin-bottom:1rem}.doc-card h3{color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.doc-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.doc-content{color:var(--text-dark);flex:1 1;margin-top:1rem;padding:1.5rem}.doc-content,.setup-status{background:var(--bg-glass);border-radius:10px}.setup-status{margin:1.5rem 0;padding:1rem}.setup-status h4{color:var(--text-dark);margin-bottom:1rem}.status-item{align-items:center;display:flex;margin-bottom:.5rem}.status-indicator{font-size:1.2rem;margin-right:.5rem}.status-indicator.complete{color:#4caf50}.status-indicator.pending{color:#ffc107}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.doc-action-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.doc-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.doc-action-btn.primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.doc-action-btn.secondary{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary)}.doc-action-btn.secondary:hover{background:var(--bg-glass);transform:translateY(-2px)}.doc-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.use-case-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.use-case-category{background:var(--bg-glass);border-radius:8px;padding:1rem}.use-case-category h4{color:var(--text-dark);margin-bottom:1rem}.use-case-category ul{color:var(--text-dark);padding-left:1.5rem}.use-case-category li{margin-bottom:.5rem}.template-actions{margin-top:1.5rem;text-align:center}.technical-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tech-section{background:var(--bg-glass);border-radius:8px;padding:1rem}.tech-section h4{color:var(--text-dark);margin-bottom:1rem}.webhook-info{background:var(--bg-glass);border-radius:8px;margin:1rem 0;padding:1rem}.webhook-url{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.webhook-url code{background:var(--bg-card);border-radius:4px;color:var(--text-dark);flex:1 1;font-family:monospace;overflow-x:auto;padding:.5rem}.copy-btn{border:none;border-radius:4px;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.copy-btn,.copy-btn:hover{background:var(--bg-glass)}.webhook-secret{color:var(--text-dark);font-family:monospace;margin-top:.5rem}.setup-instructions{margin-top:1.5rem}.setup-instructions h5{color:var(--text-dark);margin-bottom:.5rem}.setup-instructions ol{color:var(--text-dark);padding-left:1.5rem}.setup-instructions li{margin-bottom:.5rem}.setup-instructions code{background:var(--bg-card);border-radius:4px;color:var(--text-dark);font-family:monospace;padding:.25rem .5rem}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-section{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);padding:1.5rem}.faq-section h4{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.faq-item{background:var(--bg-glass);border-left:3px solid #667eea;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.faq-item h5{color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.video-placeholder{background:var(--bg-glass);border-radius:8px;padding:2rem;text-align:center}.coming-soon h4{color:var(--text-dark);margin-bottom:1rem}.coming-soon p{color:var(--text-secondary);margin-bottom:1rem}.coming-soon ul{color:var(--text-dark);display:inline-block;margin:0 auto 1.5rem;text-align:left}.coming-soon li{margin-bottom:.5rem}.coming-soon em{font-style:italic;opacity:.8}.support-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-option{background:var(--bg-glass);border-radius:8px;padding:1rem}.support-option h4{color:var(--text-dark);margin-bottom:1rem}.support-option ul{color:var(--text-dark);padding-left:1.5rem}.support-option li{margin-bottom:.5rem}.support-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.success-metrics{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);margin-top:2rem;padding:2rem}.success-metrics h3{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.success-metrics h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:10px;box-shadow:0 2px 10px var(--shadow-color);padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-5px)}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.metric-label{color:var(--text-dark);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.metric-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.dark-mode .doc-card{background:var(--bg-card);border-color:#50505080}.dark-mode .coming-soon h4,.dark-mode .doc-card,.dark-mode .doc-card h3,.dark-mode .doc-content,.dark-mode .doc-icon,.dark-mode .faq-item h5,.dark-mode .faq-section h4,.dark-mode .metric-label,.dark-mode .metric-value,.dark-mode .success-metrics h3,.dark-mode .support-option h4,.dark-mode .tech-section h4,.dark-mode .use-case-category h4{color:var(--text-primary)}.dark-mode .coming-soon p,.dark-mode .coming-soon ul,.dark-mode .doc-card p,.dark-mode .faq-item p,.dark-mode .metric-description,.dark-mode .setup-instructions ol,.dark-mode .support-option ul,.dark-mode .use-case-category ul{color:var(--text-secondary)}.dark-mode .setup-instructions code,.dark-mode .webhook-url code{background:#282828cc;color:var(--text-primary)}.dark-mode .doc-action-btn.secondary{background:#3c3c3c80;border:1px solid #50505080;color:var(--text-primary)}.dark-mode .doc-content,.dark-mode .faq-item,.dark-mode .faq-section,.dark-mode .metric-card,.dark-mode .support-option,.dark-mode .tech-section,.dark-mode .use-case-category,.dark-mode .video-placeholder,.dark-mode .webhook-info{background:#32323280;border-color:#50505080}.dark-mode .success-metrics{background:#282828f2;border-color:#50505080}@media (max-width:768px){.documentation-grid,.faq-grid,.metrics-grid,.support-options,.technical-sections,.use-case-categories{grid-template-columns:1fr}.quick-actions,.support-actions{flex-direction:column}.doc-action-btn{width:100%}}
/*# sourceMappingURL=main.95f69186.css.map*/