@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";
:root{--c-navy:#14274d;--c-emerald:#029368;--c-sky:#95ccdd;--c-mint:#d0e7e6;--bg-primary:#f8fafc;--bg-secondary:#fff;--glass-bg:#fff;--glass-border:#14274d1f;--glass-border-hover:#02936859;--accent-emerald:#029368;--accent-navy:#14274d;--accent-sky:#029368;--accent-mint:#d0e7e6;--accent-purple:#029368;--accent-blue:#14274d;--accent-teal:#029368;--accent-red:#ef4444;--accent-amber:#f59e0b;--text-primary:#14274d;--text-secondary:#475569;--text-muted:#64748b;--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--shadow-main:0 10px 30px -5px #14274d14, 0 4px 12px -2px #14274d0a;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#d0e7e680 0%,#0000 40%),radial-gradient(circle at 90% 80%,#95ccdd40 0%,#0000 40%),radial-gradient(circle,#0293680a 0%,#0000 60%);background-attachment:fixed;height:100vh;max-height:100vh;line-height:1.5;overflow:hidden}.glass-bg-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(120px);opacity:.18;border-radius:50%;position:absolute}#orb1{background:radial-gradient(circle,#029368 0%,#0000 75%);width:650px;height:650px;animation:16s ease-in-out infinite alternate orbFloat;top:-200px;right:-100px}#orb2{background:radial-gradient(circle,#95ccdd 0%,#0000 75%);width:750px;height:750px;animation:22s ease-in-out infinite alternate-reverse orbFloat;bottom:-200px;left:-100px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.dashboard-wrapper{box-sizing:border-box;flex-direction:column;gap:20px;max-width:1600px;height:100vh;max-height:100vh;margin:0 auto;padding:24px;display:flex;overflow:hidden}.dashboard-header{border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);background:#fff;flex:none;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg,#029368 0%,#14274d 100%);border:1px solid #02936833;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 14px #02936840}.glow-icon{color:#fff;font-size:24px}.brand-text h1{font-family:var(--font-display);letter-spacing:-.5px;color:#14274d;font-size:24px;font-weight:700}.brand-text p{color:var(--text-secondary);font-size:13px}.status-pill{transition:var(--transition-smooth);border-radius:50px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.5;transform:scale(.95)}}.section-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);transition:var(--transition-smooth);background:#fff;padding:24px}.section-card:hover{border-color:#02936840}.card-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.card-header svg{color:var(--c-emerald);width:18px;height:18px}.card-header h2{font-family:var(--font-display);color:#14274d;font-size:18px;font-weight:600}.config-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:center;gap:20px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:#029368;width:14px;height:14px;position:absolute;left:14px}.input-wrapper input{border-radius:var(--radius-md);color:#14274d;width:100%;font-family:var(--font-sans);transition:var(--transition-smooth);background:#f8fafc;border:1px solid #cbd5e1;padding:12px 14px 12px 40px;font-size:14px;font-weight:500}.input-wrapper input:focus{background:#fff;border-color:#029368;outline:none;box-shadow:0 0 0 3px #02936826}.info-box{border-radius:var(--radius-md);color:#14274d;background:#d0e7e659;border:1px solid #02936833;padding:14px;font-size:12.5px;font-weight:500}.content-layout{flex:1;grid-template-columns:1.3fr 1fr;align-items:stretch;gap:24px;height:100%;min-height:0;display:grid;overflow:hidden}.catalog-section{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:1024px){html,body{height:auto;max-height:none;overflow:auto}.dashboard-wrapper{height:auto;max-height:none;overflow:visible}.content-layout{grid-template-columns:1fr;height:auto;overflow:visible}.integrations-grid{height:auto;overflow:visible}.console-card{height:500px}}.section-title{flex:none;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title svg{color:#029368;width:20px;height:20px}.section-title h2{font-family:var(--font-display);color:#14274d;font-size:20px;font-weight:600}.integrations-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-auto-rows:max-content;align-content:start;gap:20px;min-height:0;padding:4px 8px 24px 4px;display:grid;overflow-y:auto}.loader-container{color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:60px 0;display:flex}.loader-container svg{width:32px;height:32px;color:var(--c-emerald)}.integration-tile{border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-smooth);background:#fff;flex-direction:column;justify-content:space-between;gap:18px;height:auto;min-height:max-content;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #14274d0a}.integration-tile:before{content:"";height:4px;transition:var(--transition-smooth);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:0 0;position:absolute;top:0;left:0;right:0}.integration-tile:hover{border-color:#02936859;transform:translateY(-3px);box-shadow:0 12px 30px #14274d1a}.integration-tile.connected:before{background:linear-gradient(90deg,#029368,#14274d)}.tile-top{justify-content:space-between;align-items:flex-start;display:flex}.provider-logo-container{border-radius:var(--radius-md);width:48px;height:48px;font-size:20px;font-family:var(--font-display);text-transform:uppercase;background:#f8fafc;border:1px solid #14274d1f;justify-content:center;align-items:center;font-weight:700;display:flex}.provider-logo-img{object-fit:contain;width:32px;height:32px}.connection-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.connection-badge.connected{color:#029368;background:#0293681a;border:1px solid #02936859}.connection-badge.pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b66}.btn.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.btn.pending:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d}.tile-details{flex-direction:column;gap:4px;display:flex}.tile-details h3{font-family:var(--font-display);color:#14274d;font-size:18px;font-weight:600}.tile-details p{color:var(--text-secondary);font-size:13px}.conn-id{color:var(--text-secondary);font-family:monospace;font-size:11.5px}.tile-actions{width:100%;margin-top:auto}.tile-actions.connected-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile-actions.single-action{display:block}.shadcn-button{white-space:nowrap;border-radius:var(--radius-sm,6px);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.shadcn-button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #029368}.shadcn-button:active:not(:disabled){transform:scale(.98)}.shadcn-button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.shadcn-button.variant-default{color:#fff;background:linear-gradient(135deg,#029368 0%,#14274d 100%);border-color:#02936833;box-shadow:0 4px 14px #02936840}.shadcn-button.variant-default svg{color:#fff}.shadcn-button.variant-default:hover:not(:disabled){background:linear-gradient(135deg,#02a977 0%,#1c366b 100%);box-shadow:0 6px 18px #02936861}.shadcn-button.variant-destructive{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444440}.shadcn-button.variant-destructive:hover:not(:disabled){background:#dc2626;box-shadow:0 6px 16px #ef444459}.shadcn-button.variant-outline{color:#14274d;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.shadcn-button.variant-outline:hover:not(:disabled){color:#029368;background:#f8fafc;border-color:#029368}.shadcn-button.variant-secondary{color:#14274d;background:#f1f5f9;border-color:#cbd5e1}.shadcn-button.variant-secondary:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.shadcn-button.variant-ghost{color:#475569;background:0 0}.shadcn-button.variant-ghost:hover:not(:disabled){color:#029368;background:#0293681a}.shadcn-button.variant-link{color:#029368;background:0 0;padding:0;text-decoration:underline}.shadcn-button.size-default{height:38px;padding:0 16px}.shadcn-button.size-sm{height:32px;padding:0 12px;font-size:11.5px}.shadcn-button.size-lg{height:44px;padding:0 24px;font-size:14px}.shadcn-button.size-icon{width:32px;height:32px;padding:0}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-smooth);box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 12px;font-size:12.5px;font-weight:600;display:inline-flex;overflow:hidden}.btn.primary{color:#fff;background:linear-gradient(135deg,#029368 0%,#14274d 100%);border:1px solid #02936833;box-shadow:0 4px 14px #02936840}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#02a977 0%,#1c366b 100%);transform:translateY(-1px);box-shadow:0 6px 18px #02936866}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{color:#14274d;background:#f1f5f9;border:1px solid #cbd5e1}.btn.secondary:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.console-card{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:20px;display:flex;overflow:hidden}.clear-btn{color:#14274d;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#f1f5f9;border:1px solid #cbd5e1;margin-left:auto;padding:4px 12px;font-size:11.5px;font-weight:600}.clear-btn:hover{color:#029368;background:#0293681a;border-color:#029368}.console-body{border-radius:var(--radius-md);background:#0f172a;border:1px solid #14274d33;flex-direction:column;flex:1;gap:5px;height:0;min-height:0;padding:14px 16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.5;display:flex;overflow-y:auto;box-shadow:inset 0 2px 8px #0000004d}.console-body::-webkit-scrollbar{width:5px}.console-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}.console-line{word-break:break-all;line-height:1.45}.console-line.system{color:#95ccdd}.console-line.api-call{color:#d0e7e6}.console-line.callback{color:#34d399;font-weight:600}.console-line.error{color:#f87171;font-weight:600}.console-line.info{color:#60a5fa}.console-line.warning{color:#fbbf24;background:#f59e0b24;border-left:3px solid #f59e0b;border-radius:4px;margin:3px 0;padding:4px 8px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:var(--transition-smooth);background:#14274d66;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-card{border-radius:var(--radius-lg);width:90%;max-width:480px;transition:var(--transition-smooth);background:#fff;border:1px solid #14274d26;transform:scale(.95);box-shadow:0 24px 60px #14274d33}.modal-overlay.active .modal-card{transform:scale(1)}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-family:var(--font-display);color:#14274d;font-size:18px;font-weight:600}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px}.close-modal-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.shopify-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#14274d66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) shopifyModalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes shopifyModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shopify-modal-container{border-radius:var(--radius-lg);color:#14274d;background:#fff;border:1px solid #14274d26;flex-direction:column;gap:20px;width:100%;max-width:540px;padding:32px;display:flex;box-shadow:0 20px 60px #14274d33}.shopify-modal-header{flex-direction:column;gap:12px;display:flex}.header-meta{justify-content:space-between;align-items:center;display:flex}.brand-subtitle{letter-spacing:1px;color:#029368;text-transform:uppercase;font-size:11px;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{color:var(--text-primary);background:#f1f5f9}.header-title{font-family:var(--font-display);color:#14274d;margin:0;font-size:22px;font-weight:700}.progress-bar-container{gap:10px;margin-top:4px;display:flex}.step-bar{background-color:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background-color .3s,box-shadow .3s}.step-bar.active{background:linear-gradient(90deg,#029368,#14274d);box-shadow:0 0 8px #0293684d}.step-bar.completed{background-color:#029368}.shopify-modal-card{border-radius:var(--radius-lg);background:#f8fafc;border:1px solid #cbd5e1;padding:28px 24px}.step-content{flex-direction:column;gap:20px;display:flex}.step-title{font-family:var(--font-display);color:#14274d;margin:0;font-size:17px;font-weight:700}.step-description{color:var(--text-secondary);margin-top:-12px;font-size:13.5px;line-height:1.5}.field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:600}.domain-input-wrapper{align-items:center;width:100%;display:flex}.domain-input{border-radius:var(--radius-md) 0 0 var(--radius-md);color:#14274d;font-size:14px;font-family:var(--font-sans);transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;border-right:none;flex:1;padding:12px 14px}.domain-input:focus{border-color:#029368;outline:none;box-shadow:0 0 0 3px #02936826}.domain-suffix{border-radius:0 var(--radius-md) var(--radius-md) 0;color:#475569;background:#e2e8f0;border:1px solid #cbd5e1;padding:12px 16px;font-family:monospace;font-size:13.5px}.field-note{color:var(--text-muted);margin-top:2px;font-size:12px}.scopes-list{flex-direction:column;gap:16px;display:flex}.scope-item{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.scope-item:last-child{border-bottom:none;padding-bottom:0}.scope-checkbox{border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.scope-checkbox.checked{background-color:#029368;box-shadow:0 0 8px #0293684d}.scope-name{color:#14274d;font-size:14.5px;font-weight:600}.scope-sub{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.delivery-toggle{gap:12px;display:flex}.toggle-tab{border-radius:var(--radius-md);color:#64748b;cursor:pointer;transition:var(--transition-smooth);text-align:center;background:#fff;border:1px solid #cbd5e1;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.toggle-tab.selected{color:#029368;background:#0293681a;border-color:#029368}.target-input{border-radius:var(--radius-md);color:#14274d;width:100%;font-size:14px;font-family:var(--font-sans);transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;padding:12px 14px}.target-input:focus{border-color:#029368;outline:none;box-shadow:0 0 0 3px #02936826}.step-actions{gap:12px;margin-top:8px;display:flex}.step-actions.right-only{justify-content:flex-end}.step-actions.split{justify-content:space-between}.btn-shopify-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#029368 0%,#14274d 100%);border:none;padding:10px 24px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #02936840}.btn-shopify-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #02936866}.btn-shopify-primary:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.btn-shopify-primary.dark{background:linear-gradient(135deg,#029368 0%,#14274d 100%)}.btn-shopify-secondary{border-radius:var(--radius-md);color:#14274d;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;padding:10px 20px;font-size:14px;font-weight:600}.btn-shopify-secondary:hover{background:#f1f5f9}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card-container{z-index:10;background:#fff;border:1px solid #14274d1f;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:36px 32px 28px;display:flex;position:relative;box-shadow:0 20px 45px -10px #14274d1a,0 0 1px 1px #14274d0d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:4px;display:flex}.brand-logo.large{background:linear-gradient(135deg,#029368 0%,#14274d 100%);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:6px;display:flex;box-shadow:0 6px 18px #02936847}.login-title{font-family:var(--font-display);color:#14274d;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:13.5px;font-weight:500}.social-auth-container{flex-direction:column;gap:10px;width:100%;display:flex}.btn-social{color:#1e293b;width:100%;font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:10px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000a}.btn-social:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #14274d14}.btn-social:active:not(:disabled){transform:translateY(0)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:12px;margin:8px 0;font-size:11px;font-weight:600;display:flex}.auth-divider-line{background:#e2e8f0;flex:1;height:1px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form .input-group{flex-direction:column;gap:6px;display:flex}.login-form .input-group label{text-transform:uppercase;letter-spacing:.6px;color:#475569;font-size:11.5px;font-weight:600}.login-form .input-wrapper{align-items:center;display:flex;position:relative}.login-form .input-wrapper svg{color:#029368;pointer-events:none;width:16px;height:16px;position:absolute;left:13px}.login-form .input-wrapper input{color:#14274d;width:100%;font-family:var(--font-sans);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:11px 14px 11px 40px;font-size:13.5px;font-weight:500;transition:all .2s}.login-form .input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.login-form .input-wrapper input:focus{background:#fff;border-color:#029368;box-shadow:0 0 0 3px #02936826}.btn-login{color:#fff;width:100%;height:42px;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#029368 0%,#14274d 100%);border:1px solid #02936833;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:0 16px;transition:all .25s;display:flex;box-shadow:0 4px 14px #02936840}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#02a977 0%,#1c366b 100%);transform:translateY(-1px);box-shadow:0 6px 20px #02936859}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle-row{text-align:center;color:#64748b;margin-top:14px;font-size:13px;font-weight:500}.auth-toggle-btn{color:#029368;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:13px;font-weight:700;text-decoration:underline;transition:color .2s}.auth-toggle-btn:hover{color:#14274d}.login-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:4px;padding-top:14px;font-size:11.5px}.install-status-card{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;flex-direction:column;gap:8px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #14274d0d}.status-header{align-items:center;gap:10px;display:flex}.status-pulse-dot{background-color:#029368;border-radius:50%;width:10px;height:10px;animation:1.8s infinite statusPulse;box-shadow:0 0 #029368b3}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #029368b3}70%{transform:scale(1);box-shadow:0 0 0 8px #02936800}to{transform:scale(.95);box-shadow:0 0 #02936800}}.status-text{color:#14274d;font-size:13px;font-weight:700}.status-subtext{color:#64748b;margin:0;font-size:12px;line-height:1.5}.input-field{border-radius:var(--radius-md);width:100%;font-size:14px;font-family:var(--font-sans);color:#14274d;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;padding:12px 14px;box-shadow:0 1px 3px #14274d0a}.input-field:focus{border-color:#029368;outline:none;box-shadow:0 0 0 3.5px #02936826}.input-field::placeholder{color:#94a3b8}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#14274d;font-size:13px;font-weight:600}.password-input-wrapper{align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.password-input{width:100%!important;padding-right:44px!important}.toggle-password-btn{color:#64748b!important;cursor:pointer!important;z-index:5!important;transition:var(--transition-smooth)!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:6px!important;display:flex!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.toggle-password-btn:hover{color:#029368!important;background:#0293681a!important}.admin-page-wrapper{max-width:1600px;margin:0 auto;padding:32px 24px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{border-radius:var(--radius-lg);transition:var(--transition-smooth);background:#fff;border:1px solid #14274d1f;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 4px 14px #14274d0a}.stat-card:hover{border-color:#0293684d;transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);color:#14274d;font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.admin-content-grid{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:960px){.admin-content-grid{grid-template-columns:1fr}}.admin-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-main);background:#fff;border:1px solid #14274d1f;padding:24px}.admin-card .card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.admin-card .card-header h2{font-family:var(--font-display);color:#14274d;font-size:18px;font-weight:700}.admin-card .card-header p{color:var(--text-secondary);font-size:12.5px}.admin-page-form{flex-direction:column;gap:16px;display:flex}.stores-table-wrapper{border-radius:var(--radius-md);background:#fff;border:1px solid #14274d1a;width:100%;overflow-x:auto}.stores-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.stores-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-stores-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:13px}.admin-stores-table thead tr{background:#f8fafc}.admin-stores-table th{text-transform:uppercase;letter-spacing:.6px;color:#64748b;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:11px;font-weight:700}.admin-stores-table th.col-center,.admin-stores-table td.col-center{text-align:center}.admin-stores-table th.col-right,.admin-stores-table td.col-right{text-align:right}.admin-stores-table th.col-left,.admin-stores-table td.col-left{text-align:left}.admin-stores-table td{vertical-align:middle;color:#14274d;border-bottom:1px solid #f1f5f9;padding:14px 16px;transition:background .15s}.admin-stores-table tr:last-child td{border-bottom:none}.admin-stores-table tbody tr:hover td{background:#02936805}.store-domain-cell{white-space:nowrap;font-family:var(--font-sans)}.store-domain-wrapper{align-items:center;gap:8px;max-width:100%;display:inline-flex}.store-domain-name{color:#14274d;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.domain-ext-link{color:#94a3b8;transition:var(--transition-smooth);border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.domain-ext-link:hover{color:#029368;background:#0293681a}.token-preview-cell{white-space:nowrap}.token-preview-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.token-preview-pill code{color:#334155;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;font-weight:500}.connection-badge,.status-pill{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.connection-badge.connected,.status-pill.active{color:#029368;background:#0293681a;border:1px solid #02936859}.connection-badge.pending,.status-pill.pending{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b59}.connection-badge.disconnected{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.table-actions-group{align-items:center;gap:8px;display:inline-flex}.btn-icon{color:#475569;cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:#14274d;background:#f1f5f9}.btn-icon.danger{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.btn-icon.danger:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.admin-feedback-box{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.admin-feedback-box.success{color:#027a57;background:#02936814;border:1px solid #0293684d}.admin-feedback-box.error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.admin-tabs{background:#f1f5f9;border-radius:10px;gap:6px;margin-bottom:20px;padding:4px;display:flex}.admin-tab-btn{color:#64748b;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.admin-tab-btn:hover{color:#14274d}.admin-tab-btn.active{color:#14274d;background:#fff;box-shadow:0 2px 8px #14274d14}.admin-token-modal{max-width:600px}.auth-loading-screen{z-index:9999;background:var(--bg-main,#f8fafc);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-loading-content{z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex}.auth-spinner{border:3px solid #02936826;border-top-color:var(--c-emerald,#029368);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite auth-spin}.auth-loading-content p{color:var(--text-secondary,#64748b);letter-spacing:.3px;font-size:14px;font-weight:500}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes slideInToast{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}