.plugins-page-wrapper{background-color:var(--bg-color);width:100vw;height:100vh;overflow-y:auto}.plugins-container{max-width:1200px;color:var(--text-main);background-color:var(--bg-color);min-height:100vh;margin:0 auto;padding:3rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.plugins-header{flex-direction:column;gap:1.5rem;margin-bottom:3.5rem;display:flex;position:relative}.back-btn{color:var(--text-muted);background:0 0;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;margin-left:-1rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-btn:hover{color:var(--text-main);background-color:#0000000a;transform:translate(-4px)}.header-title-container{align-items:flex-start;gap:1.5rem;display:flex}.header-icon{color:var(--primary-color);background:linear-gradient(135deg,#10a37f26,#10a37f0d);border-radius:16px;width:56px;height:56px;padding:1rem;box-shadow:inset 0 2px 4px #ffffff80,0 4px 12px #10a37f1a}.header-title-container h1{background:linear-gradient(135deg,#1f2937 0%,#4b5563 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin:0;font-size:2.25rem;font-weight:800;line-height:1.2}.header-title-container p{color:#6b7280;margin:.5rem 0 0;font-size:1.05rem;font-weight:500;line-height:1.5}.save-status{background:linear-gradient(135deg, var(--primary-color), #059669);color:#fff;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideInFade;display:inline-flex;position:absolute;top:0;right:0;box-shadow:0 4px 15px #10a37f4d}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.global-toggle-container{background:linear-gradient(135deg,#ef44440d,#dc262605);border:1px solid #ef444433;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .3s;display:flex}.global-toggle-container:hover{border-color:#ef44444d;box-shadow:0 8px 24px #ef44441a}.global-toggle-info h3{color:#b91c1c;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;display:flex}.global-toggle-info p{color:#7f1d1d;margin:0;font-size:.95rem}.toggle-switch.lg{width:60px;height:34px}.toggle-switch.lg .slider:before{width:26px;height:26px;bottom:4px;left:4px}.toggle-switch.lg input:checked+.slider:before{transform:translate(26px)}.toggle-switch.lg input:checked+.slider{background-color:#ef4444}.plugins-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.plugin-card{z-index:1;background:#fff;border:1px solid #0000000f;border-radius:24px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.75rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.plugin-card:before{content:"";background:0 0;width:100%;height:4px;transition:all .4s;position:absolute;top:0;left:0}.plugin-card:hover{border-color:#0000001a;transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.plugin-card.active{border-color:#10a37f33;box-shadow:0 8px 25px #10a37f14}.plugin-card.active:before{background:linear-gradient(90deg, var(--primary-color), #34d399)}.plugin-card.active:hover{box-shadow:0 15px 35px #10a37f26}.plugin-info-header{align-items:flex-start;gap:1.25rem;display:flex}.plugin-icon-wrapper{color:#6b7280;background:#f3f4f6;border-radius:16px;justify-content:center;align-items:center;padding:1rem;transition:all .4s;display:flex}.plugin-card.active .plugin-icon-wrapper{color:var(--primary-color);background:linear-gradient(135deg,#10a37f1a,#10a37f05)}.plugin-info{flex:1}.plugin-info h3{color:#1f2937;letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.plugin-info p{color:#6b7280;margin:0;font-size:.9rem;font-weight:400;line-height:1.6}.plugin-actions-wrapper{background:#f9fafb;border:1px solid #00000005;border-radius:16px;flex-direction:column;gap:.75rem;margin-top:auto;padding:1rem;display:flex}.action-row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.vip-action{border-top:1px dashed #00000014;padding-top:.75rem}.status-indicator,.vip-label{align-items:center;gap:.5rem;display:flex}.status-dot{background-color:#d1d5db;border-radius:50%;width:8px;height:8px;transition:background-color .3s}.status-dot.active{background-color:var(--primary-color);box-shadow:0 0 8px #10a37f66}.plugin-status-text{color:#4b5563;font-size:.875rem;font-weight:600}.action-row.main-action .plugin-status-text{color:#1f2937}.vip-icon{color:#9ca3af;transition:color .3s}.vip-action.active .vip-icon{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b66)}.vip-action.active .plugin-status-text{color:#d97706}.toggle-switch{width:50px;height:28px;margin:0;display:inline-block;position:relative}.toggle-switch-small{width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e5e7eb;border-radius:34px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 1px 3px #0000000d}.slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #00000026,0 1px 1px #0000001a}.toggle-switch-small .slider:before{width:18px;height:18px}input:checked+.slider{background-color:var(--primary-color)}.vip-action input:checked+.slider{background-color:#f59e0b}input:checked+.slider:before{transform:translate(22px)}.toggle-switch-small input:checked+.slider:before{transform:translate(20px)}input:active+.slider:before{width:26px}input:checked:active+.slider:before{transform:translate(18px)}.toggle-switch-small input:active+.slider:before{width:22px}.toggle-switch-small input:checked:active+.slider:before{transform:translate(16px)}.loading-state{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:20px;grid-column:1/-1;padding:5rem;font-size:1.1rem;font-weight:500}.plugins-page-wrapper.embedded{background:0 0;min-height:auto}.plugins-container.embedded{background:0 0;min-height:auto;padding:1rem 2rem}.plugins-container.embedded .plugins-header{padding:1rem 0 2rem}.test-action{border-top:1px dashed #00000014;padding-top:.65rem}.test-label{align-items:center;gap:.5rem;display:flex}.test-icon{color:#9ca3af;transition:all .3s}.test-action.active .test-icon{color:#8b5cf6;filter:drop-shadow(0 0 4px #8b5cf666)}.test-action.active .plugin-status-text{color:#7c3aed}.test-toggle input:checked+.slider{box-shadow:0 2px 8px #7c3aed4d;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important}.test-webhook-banner{background:linear-gradient(135deg,#8b5cf614 0%,#6366f10a 100%);border:1px solid #8b5cf640;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.75rem;transition:all .3s;display:flex}.test-webhook-banner:hover{border-color:#8b5cf666;box-shadow:0 6px 20px #8b5cf614}.test-banner-info{align-items:center;gap:1.25rem;display:flex}.test-badge-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #8b5cf640}.test-banner-info h3{color:#5b21b6;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.test-banner-info p{color:#6d28d9;margin:0;font-size:.9rem}.test-banner-actions{gap:.75rem;display:flex}.test-btn-batch{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.test-btn-batch.enable{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.test-btn-batch.enable:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33}.test-btn-batch.disable{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.test-btn-batch.disable:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}
