.kol-setup-container{max-width:800px;margin:0 auto}.kol-setup-step{margin-bottom:20px;border:1px solid #2f2f2f;border-radius:12px;overflow:hidden;transition:all .3s ease;background-color:#131417;box-shadow:0 4px 6px rgba(0,0,0,.3)}.kol-setup-step.disabled{opacity:.6;cursor:not-allowed}.step-header{display:flex;align-items:center;padding:18px 20px;background-color:#191a1f;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.step-header:hover{background-color:#1f2026}.step-header.completed{background-color:rgba(6,95,70,.4);border-left:4px solid #059669}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;font-weight:700;margin-right:16px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.3);font-size:15px}.step-title{font-weight:600;flex-grow:1;color:#f3f4f6;font-size:16px;letter-spacing:.01em}.step-completed{color:#10b981;font-weight:700;margin-right:10px;font-size:20px;text-shadow:0 0 8px rgba(16,185,129,.4)}.step-toggle{cursor:pointer;font-size:18px;transition:transform .2s ease}.step-content{padding:22px 20px;border-top:1px solid #2f2f2f;background-color:#0f1013;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-container{margin-top:16px}.category-tag{background:linear-gradient(90deg,#2563eb,#1e40af);color:#e0e7ff;padding:8px 12px;border-radius:8px;margin-right:10px;margin-bottom:10px;font-size:14px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-weight:500;transition:all .2s ease}.category-tag:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.3)}.category-remove{margin-left:8px;background:none;border:none;cursor:pointer;color:#bfdbfe;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;transition:background-color .2s ease}.category-remove:hover{color:white;background-color:rgba(255,255,255,.1)}.add-category{margin-top:12px;gap:10px}.kol-setup-container input[type=number],.kol-setup-container input[type=text],.kol-setup-container textarea{background-color:#131417;border:1px solid #3a3d46;color:#e5e7eb;transition:all .2s ease;border-radius:8px}.kol-setup-container input[type=number]:focus,.kol-setup-container input[type=text]:focus,.kol-setup-container textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.category-tag button,.kol-setup-container .btn,button.step-toggle{border-radius:6px;transition:all .2s ease;font-weight:500;letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2)}.kol-setup-container .btn-primary,.kol-setup-container button[class*=bg-emerald]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:white;padding:.5rem 1.25rem;font-size:.9rem;height:auto;min-height:2.5rem}.kol-setup-container .btn-primary:hover,.kol-setup-container button[class*=bg-emerald]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.kol-setup-container .btn-primary:active,.kol-setup-container button[class*=bg-emerald]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.kol-setup-container button[class*=bg-blue]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:white;padding:.5rem 1.25rem;font-size:.9rem;height:auto;min-height:2.5rem}.kol-setup-container button[class*=bg-blue]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.kol-setup-container button[class*=bg-blue]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.kol-setup-container button[class*=bg-red]{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:white;padding:.5rem 1.25rem;font-size:.9rem;height:auto;min-height:2.5rem}.kol-setup-container button[class*=bg-red]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.kol-setup-container button[class*=bg-red]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.category-tag{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:white;padding:.5rem .75rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.2)}.category-tag button{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px;line-height:1;transition:all .2s ease}.category-tag button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.kol-setup-container button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.add-category{display:flex;gap:.5rem;margin-top:1rem}.add-category input{flex-grow:1;background-color:#131417;border:1px solid #3a3d46;border-radius:6px;color:#f3f4f6;padding:.5rem .75rem}.add-category input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}button.btn[class*=Save]{padding:.5rem 1.5rem;font-weight:500}.kol-setup-container button .animate-spin{margin-right:.5rem}.step-toggle{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:16px;transition:all .2s ease;opacity:.8}.step-toggle:hover{opacity:1;color:#e5e7eb}.step-header.completed .step-toggle{color:#10b981}.kol-setup-container button.w-full{width:100%;justify-content:center;padding:.625rem 1.5rem;font-size:1rem}.text-emerald-400{color:#34d399!important}.text-red-400{color:#f87171!important}.bg-emerald-900\/30{background-color:rgba(6,78,59,.4)!important}.bg-emerald-900\/30,.bg-red-900\/30{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.bg-red-900\/30{background-color:rgba(127,29,29,.4)!important}.mt-6.p-4.border.border-emerald-800{border-radius:12px;background:linear-gradient(135deg,rgba(6,95,70,.3),rgba(4,120,87,.2));box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-container{max-width:800px;margin:0 auto}.notification-section{margin-bottom:20px;border:1px solid #2f2f2f;border-radius:12px;overflow:hidden;transition:all .3s ease;background-color:#131417;box-shadow:0 4px 6px rgba(0,0,0,.3)}.notification-header{display:flex;align-items:center;padding:18px 20px;background-color:#191a1f;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.notification-header.connected{background-color:rgb(29 30 30);border-left:4px solid #1e1e1e}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;margin-right:16px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}.notification-title{font-weight:600;flex-grow:1;color:#f3f4f6;font-size:16px;letter-spacing:.01em}.notification-status{display:flex;align-items:center;font-size:14px}.notification-status.connected{color:#10b981}.notification-status.connected:before{content:"";display:inline-block;width:8px;height:8px;background-color:#10b981;border-radius:50%;margin-right:6px;box-shadow:0 0 8px rgba(16,185,129,.6)}.notification-content{padding:22px 20px;border-top:1px solid #2f2f2f;background-color:#0f1013;animation:fadeIn .3s ease}.notification-description{color:#d1d5db;margin-bottom:16px;font-size:14px}.notification-input{width:100%;background-color:#131417;border:1px solid #3a3d46;color:#e5e7eb;transition:all .2s ease;border-radius:8px;padding:10px 12px;margin-bottom:16px}.notification-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.btn-connect{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:white;padding:.5rem 1.25rem;font-size:.9rem;height:auto;min-height:2.5rem;border-radius:6px;transition:all .2s ease;font-weight:500;letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2);width:100%;display:flex;align-items:center;justify-content:center}.btn-connect:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.btn-connect:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.btn-disconnect{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:white;padding:.5rem 1.25rem;font-size:.9rem;height:auto;min-height:2.5rem;border-radius:6px;transition:all .2s ease;font-weight:500;letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2);width:100%;display:flex;align-items:center;justify-content:center}.btn-disconnect:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.btn-disconnect:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.btn-connect:disabled,.btn-disconnect:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.notification-success{color:#34d399;background-color:rgba(6,78,59,.4)}.notification-error,.notification-success{margin-top:12px;border-radius:8px;padding:10px 12px;font-size:14px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.notification-error{color:#f87171;background-color:rgba(127,29,29,.4)}@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&family=Noto+Sans:wght@400;500;700;900&display=swap");.kol-container{font-family:Plus Jakarta Sans,Noto Sans,sans-serif;background-color:#191A1F;color:#FFFFFF;min-height:100vh}.kol-layout-container{display:flex;height:100%;flex-direction:column;flex-grow:1}.kol-content-container{padding:0 1rem;display:flex;flex-direction:column;max-width:960px;flex:1;margin:0 auto;width:100%}.kol-section-container{display:flex;flex-direction:column;padding:1rem;gap:.75rem}.kol-accordion{display:flex;flex-direction:column;border-radius:.75rem;background-color:#212126;padding:.5rem 1rem;border:1px solid #2e2e33;margin-bottom:.75rem}.kol-accordion-title{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:1.5rem;padding:.5rem 0}.kol-accordion-title p{color:#FFFFFF;font-size:.875rem;font-weight:500;line-height:normal}.kol-accordion-content{color:#999999;font-size:.875rem;font-weight:400;line-height:normal;padding:1rem 0}.kol-accordion-icon{color:#FFFFFF;transition:transform .2s ease}details[open] .kol-accordion-icon{transform:rotate(180deg)}.kol-input-container{display:flex;max-width:480px;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:.75rem 0;margin:0 auto}.kol-input-group{display:flex;flex-direction:column;min-width:10rem;flex:1}.kol-input-label{color:#FFFFFF;font-size:1rem;font-weight:500;line-height:normal;padding-bottom:.5rem}.kol-input-wrapper{display:flex;width:100%;flex:1;align-items:stretch;border-radius:.75rem;overflow:hidden}.kol-input{height:40px;padding:.5rem .75rem;width:100%;background-color:#242429;border:1px solid #3d3d42;color:#FFFFFF;border-radius:.375rem}.kol-input:focus{outline:none;ring:0;border-color:#3D3D3D}.kol-input::-moz-placeholder{color:#999999}.kol-input::placeholder{color:#999999}.kol-input-icon{display:flex;border:1px solid #3d3d3d;background-color:#242424;align-items:center;justify-content:center;padding:0 .875rem;border-radius:0 .75rem .75rem 0;border-left:0;color:#999999;cursor:pointer;transition:background-color .2s ease;min-width:48px}.kol-input-icon:hover{background-color:#2a2a2a;color:#fff}.kol-input.rounded-r-none{border-radius:.75rem 0 0 .75rem;border-right:0;padding-right:.5rem}.kol-textarea{min-height:150px;resize:vertical;width:100%;padding:.75rem;line-height:1.5;background-color:#242429}.kol-button-container{display:flex;justify-content:flex-end;margin-top:1rem}.kol-button{display:flex;min-width:140px;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:.375rem;height:2.5rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.kol-button-primary{background-color:#28a745;color:#FFFFFF;border:none}.kol-button-primary:hover{background-color:#218838}.kol-button-danger{background-color:#dc3545;color:#FFFFFF;border:none}.kol-button-danger:hover{background-color:#c82333}.kol-tags-container{display:flex;gap:.5rem;padding:.75rem 0;flex-wrap:wrap;max-width:480px;margin:0 auto}.kol-tag{height:32px;padding:0 .75rem;background-color:#2a75cb;border-radius:9999px;display:flex;align-items:center;gap:.5rem}.kol-tag:hover{background-color:#333333}.kol-tag p{color:#FFFFFF;font-size:.875rem;font-weight:500;line-height:normal}.kol-tag-icon{cursor:pointer;display:flex;align-items:center;justify-content:center}.kol-text{color:#FFFFFF;font-size:1rem}.kol-text,.kol-text-sm{font-weight:400;line-height:normal;padding:.25rem 1rem .75rem}.kol-text-sm{color:#999999;font-size:.875rem}.text-green{color:#019863}.text-red{color:#dc3545}.kol-flex{display:flex}.kol-flex-col{flex-direction:column}.kol-justify-between{justify-content:space-between}.kol-items-center{align-items:center}.kol-gap-2{gap:.5rem}.kol-gap-4{gap:1rem}.kol-message{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem}.kol-message-success{background-color:rgba(1,152,99,.2);color:#10b981}.kol-message-error{background-color:rgba(220,53,69,.2);color:#f87171}.kol-label{color:#FFFFFF;font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-align:left}.kol-char-counter{color:#999999;font-size:.75rem;text-align:right;margin-top:.25rem}.kol-input-with-action{display:flex;width:100%;max-width:480px;margin:0 auto}.kol-input-with-action .kol-input{border-radius:.5rem 0 0 .5rem;border-right:none}.kol-input-with-action .kol-action-button{border-radius:0 .5rem .5rem 0;border:1px solid #3d3d3d;background-color:#242424;color:#999999;padding:0 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.kol-input-with-action .kol-action-button:hover{background-color:#2a2a2a;color:#fff}.kol-input-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.kol-input-field{flex:1}.kol-input-suffix{margin-left:.5rem;color:#a0a0a0;white-space:nowrap}.username-container{display:flex;flex-direction:column;width:100%}.username-input-row{display:flex;width:100%;margin-bottom:.5rem}.username-input{flex:1;margin-right:.5rem}.categories-container{display:flex;flex-direction:column;width:100%}.categories-input-row{display:flex;width:100%;margin-bottom:.5rem}.categories-input{flex:1;margin-right:.5rem}.description-container{display:flex;flex-direction:column;width:100%}.save-button-container{display:flex;justify-content:flex-end;margin-top:1rem}.save-button{background-color:#28a745}.save-button,.save-button-danger{color:white;border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;min-width:140px;height:2.5rem;display:flex;align-items:center;justify-content:center}.save-button-danger{background-color:#c82333}.categories-section,.description-section{margin-bottom:1rem}