.sidebar.svelte-i64zgj.svelte-i64zgj{position:fixed;left:0;top:0;height:100vh;width:260px;background:linear-gradient(to bottom,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;z-index:60;box-shadow:4px 0 20px #0003;will-change:transform}.header.svelte-i64zgj.svelte-i64zgj{padding:1.5rem 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}nav.svelte-i64zgj.svelte-i64zgj{flex:1;padding:1rem 0;display:flex;flex-direction:column}button.svelte-i64zgj.svelte-i64zgj{display:flex;align-items:center;gap:1rem;width:100%;padding:.9rem 1.5rem;background:transparent;border:none;color:#fffffff2;font-size:1rem;text-align:left;cursor:pointer;transition:background .2s ease,padding-left .2s ease,color .2s ease}button.svelte-i64zgj.svelte-i64zgj:hover{background:#ffffff26;padding-left:1.8rem}button.active.svelte-i64zgj.svelte-i64zgj{background:#ffffff40;color:#fff;font-weight:600;border-left:4px solid #60a5fa}.icon.svelte-i64zgj.svelte-i64zgj{font-size:1.3rem}.label.svelte-i64zgj.svelte-i64zgj{flex:1}hr.svelte-i64zgj.svelte-i64zgj{margin:1rem;border:none;border-top:1px solid rgba(255,255,255,.1)}.logout.svelte-i64zgj.svelte-i64zgj{color:#fca5a5}.logout.svelte-i64zgj.svelte-i64zgj:hover{background:#ef444433;color:#ef4444}.overlay.svelte-i64zgj.svelte-i64zgj{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.sidebar.svelte-i64zgj.svelte-i64zgj{width:280px}}.app-title.svelte-i64zgj img.svelte-i64zgj{width:200px;height:auto;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.app-title.svelte-i64zgj.svelte-i64zgj{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.navbar.svelte-94a9c3.svelte-94a9c3{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:.8rem 1.5rem;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-btn.svelte-94a9c3.svelte-94a9c3{display:none;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}.brand.svelte-94a9c3 img.svelte-94a9c3{height:40px}.right.svelte-94a9c3.svelte-94a9c3{display:flex;align-items:center;gap:1.5rem}.user-info.svelte-94a9c3.svelte-94a9c3{text-align:right;font-size:.9rem}.username.svelte-94a9c3.svelte-94a9c3{font-weight:600}.role.svelte-94a9c3.svelte-94a9c3{font-size:.8rem;opacity:.9}.notif-wrapper.svelte-94a9c3.svelte-94a9c3{position:relative}.notif-btn.svelte-94a9c3.svelte-94a9c3{position:relative;background:#ffffff26;border:none;font-size:1.4rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s}.notif-btn.svelte-94a9c3.svelte-94a9c3:hover{background:#ffffff40;transform:scale(1.1)}.badge.svelte-94a9c3.svelte-94a9c3{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0000004d}.dropdown.svelte-94a9c3.svelte-94a9c3{position:absolute;right:0;top:55px;width:320px;max-height:400px;overflow-y:auto;background:#fff;color:#1f2937;border-radius:12px;box-shadow:0 10px 30px #0003;z-index:100;outline:none}.dropdown-header.svelte-94a9c3.svelte-94a9c3{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;background:#f3f4f6;font-weight:600;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.mark-read.svelte-94a9c3.svelte-94a9c3{font-size:.75rem;background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe;border-radius:8px;padding:4px 8px;cursor:pointer;transition:background .2s ease,transform .1s ease}.mark-read.svelte-94a9c3.svelte-94a9c3:hover{background:#e0e7ff}.mark-read.svelte-94a9c3.svelte-94a9c3:active{transform:scale(.98)}.notif-item.svelte-94a9c3.svelte-94a9c3{padding:.8rem 1rem;border-bottom:1px solid #f3f4f6;transition:background .2s}.notif-item.svelte-94a9c3.svelte-94a9c3:hover{background:#f8fafc}.notif-item.svelte-94a9c3.svelte-94a9c3:last-child{border-bottom:none}.empty.svelte-94a9c3.svelte-94a9c3{padding:1rem;text-align:center;color:#6b7280;font-style:italic}@media (max-width: 768px){.menu-btn.svelte-94a9c3.svelte-94a9c3{display:block}.brand.svelte-94a9c3.svelte-94a9c3{flex:1;text-align:center}.user-info.svelte-94a9c3.svelte-94a9c3{display:none}.navbar.svelte-94a9c3.svelte-94a9c3{padding:.8rem 1rem}.dropdown.svelte-94a9c3.svelte-94a9c3{width:280px;right:-20px}}h2.svelte-g97vdp{margin-bottom:1rem;color:#1f2937}.cards.svelte-g97vdp{display:flex;gap:1rem;margin-bottom:1rem}.card.svelte-g97vdp{flex:1;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000000d;text-align:center}.big.svelte-g97vdp{font-size:2rem;font-weight:700;color:#2563eb}.charts.svelte-g97vdp{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-box.svelte-g97vdp{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000000d}.placeholder.svelte-g97vdp{text-align:center;color:#6b7280;font-style:italic;padding:2rem 0}.card.svelte-s3vfg4{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer;outline:none}.card.svelte-s3vfg4:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}.card.svelte-s3vfg4:focus{box-shadow:0 0 0 3px #2563eb59}.status.svelte-s3vfg4{padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.status.belum_dilayani.svelte-s3vfg4{background:#fee2e2;color:#991b1b}.status.masih_proses.svelte-s3vfg4{background:#fef3c7;color:#92400e}.status.selesai.svelte-s3vfg4{background:#d1fae5;color:#065f46}.ticket-detail.svelte-1sgq2bm.svelte-1sgq2bm{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000000d}.status.svelte-1sgq2bm.svelte-1sgq2bm{padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.status.belum_dilayani.svelte-1sgq2bm.svelte-1sgq2bm{background:#fee2e2;color:#991b1b}.status.masih_proses.svelte-1sgq2bm.svelte-1sgq2bm{background:#fef3c7;color:#92400e}.status.selesai.svelte-1sgq2bm.svelte-1sgq2bm{background:#d1fae5;color:#065f46}.chat-window.svelte-1sgq2bm.svelte-1sgq2bm{margin-top:1rem;max-height:400px;overflow-y:auto;padding:.5rem;background:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;gap:.5rem}.bubble.svelte-1sgq2bm.svelte-1sgq2bm{max-width:70%;padding:.6rem;border-radius:12px;position:relative}.bubble.svelte-1sgq2bm small.svelte-1sgq2bm{display:block;font-size:.7rem;color:#6b7280;margin-top:.3rem}.bubble.operator.svelte-1sgq2bm.svelte-1sgq2bm{align-self:flex-end;background:#dcfce7;border-bottom-right-radius:0}.bubble.user.svelte-1sgq2bm.svelte-1sgq2bm{align-self:flex-start;background:#e0f2fe;border-bottom-left-radius:0}.send-box.svelte-1sgq2bm.svelte-1sgq2bm{display:flex;margin-top:1rem}.send-box.svelte-1sgq2bm input.svelte-1sgq2bm{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:6px}.send-box.svelte-1sgq2bm button.svelte-1sgq2bm{margin-left:.5rem;background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s}.send-box.svelte-1sgq2bm button.svelte-1sgq2bm:hover{background:#1e40af}.loading.svelte-1sgq2bm.svelte-1sgq2bm{color:#374151;opacity:.9;padding:.5rem 0}.error.svelte-1sgq2bm.svelte-1sgq2bm{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:.6rem .8rem;border-radius:6px}.filters.svelte-188cvhg.svelte-188cvhg{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filters.svelte-188cvhg input.svelte-188cvhg,.filters.svelte-188cvhg select.svelte-188cvhg{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;min-width:200px}.tickets.svelte-188cvhg.svelte-188cvhg{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-container.svelte-188cvhg.svelte-188cvhg{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 6px #0000000d}.back.svelte-188cvhg.svelte-188cvhg{margin-bottom:1rem;background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.back.svelte-188cvhg.svelte-188cvhg:hover{background:#1e40af}.empty.svelte-188cvhg.svelte-188cvhg{text-align:center;color:#6b7280;font-style:italic;padding:1rem 0}.loading.svelte-188cvhg.svelte-188cvhg{color:#374151;opacity:.9;padding:.5rem 0}.error.svelte-188cvhg.svelte-188cvhg{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:.6rem .8rem;border-radius:6px}.sr-only.svelte-188cvhg.svelte-188cvhg{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}h2.svelte-1cv7xil.svelte-1cv7xil{margin-bottom:1rem;color:#1f2937}.controls.svelte-1cv7xil.svelte-1cv7xil{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:center}input[type=text].svelte-1cv7xil.svelte-1cv7xil,select.svelte-1cv7xil.svelte-1cv7xil{padding:.5rem;border-radius:6px;border:1px solid #d1d5db;flex:1;min-width:150px}.add.svelte-1cv7xil.svelte-1cv7xil{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;flex-shrink:0}.table-container.svelte-1cv7xil.svelte-1cv7xil{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table.svelte-1cv7xil.svelte-1cv7xil{width:100%;min-width:600px;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d}.table.svelte-1cv7xil th.svelte-1cv7xil,.table.svelte-1cv7xil td.svelte-1cv7xil{padding:.7rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.table.svelte-1cv7xil th.svelte-1cv7xil{background:#f3f4f6;font-weight:600}button.svelte-1cv7xil.svelte-1cv7xil{margin-right:.3rem;background:#2563eb;color:#fff;border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;transition:background .2s}button.svelte-1cv7xil.svelte-1cv7xil:hover{background:#1e40af}@media (max-width: 768px){.controls.svelte-1cv7xil.svelte-1cv7xil{flex-direction:column;align-items:stretch}.add.svelte-1cv7xil.svelte-1cv7xil{width:100%}}.desktop-only.svelte-1cv7xil.svelte-1cv7xil{display:table}.mobile-only.svelte-1cv7xil.svelte-1cv7xil{display:none}@media (max-width: 768px){.desktop-only.svelte-1cv7xil.svelte-1cv7xil{display:none}.mobile-only.svelte-1cv7xil.svelte-1cv7xil{display:block}.card.svelte-1cv7xil.svelte-1cv7xil{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000000d}.card.svelte-1cv7xil p.svelte-1cv7xil{margin:.3rem 0}.actions.svelte-1cv7xil.svelte-1cv7xil{margin-top:.5rem}.actions.svelte-1cv7xil button.svelte-1cv7xil{margin-right:.5rem}}.modal-backdrop.svelte-1cv7xil.svelte-1cv7xil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10;display:flex;justify-content:center;align-items:center;padding:1rem}.modal.svelte-1cv7xil.svelte-1cv7xil{background:#fff;padding:1.5rem;border-radius:8px;width:90%;max-width:400px;z-index:20;box-shadow:0 4px 12px #0003;animation:svelte-1cv7xil-modalFadeScale .3s cubic-bezier(.25,.8,.25,1)}@keyframes svelte-1cv7xil-modalFadeScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal.svelte-1cv7xil h3.svelte-1cv7xil{margin-bottom:1rem}.modal.svelte-1cv7xil label.svelte-1cv7xil{display:block;margin-top:.5rem;font-weight:600}.modal.svelte-1cv7xil input.svelte-1cv7xil,.modal.svelte-1cv7xil select.svelte-1cv7xil{width:100%;box-sizing:border-box;padding:.5rem;margin-top:.3rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.actions.svelte-1cv7xil.svelte-1cv7xil{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.actions.svelte-1cv7xil button.svelte-1cv7xil{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer}.actions.svelte-1cv7xil button.svelte-1cv7xil:first-child{background:#2563eb;color:#fff}.actions.svelte-1cv7xil .cancel.svelte-1cv7xil{background:#ef4444;color:#fff}.actions.svelte-1cv7xil button.svelte-1cv7xil:hover{opacity:.9}@media (max-width: 480px){.modal.svelte-1cv7xil.svelte-1cv7xil{padding:1rem;max-width:100%}.actions.svelte-1cv7xil.svelte-1cv7xil{flex-direction:column;align-items:stretch}.actions.svelte-1cv7xil button.svelte-1cv7xil{width:100%}}.schedule-group.svelte-1cv7xil.svelte-1cv7xil{display:flex;gap:.5rem;margin-top:.3rem;align-items:center}.schedule-group.svelte-1cv7xil select.svelte-1cv7xil,.schedule-group.svelte-1cv7xil input.svelte-1cv7xil{flex:1}.schedule-group.svelte-1cv7xil .remove.svelte-1cv7xil{background:#ef4444;color:#fff;border:none;padding:.3rem .6rem;border-radius:6px;cursor:pointer}.add-schedule.svelte-1cv7xil.svelte-1cv7xil{margin-top:.5rem;background:#10b981;color:#fff;border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer}.schedule-list.svelte-1cv7xil.svelte-1cv7xil{margin:.3rem 0;padding-left:1rem}.schedule-list.svelte-1cv7xil li.svelte-1cv7xil{list-style-type:disc;font-size:.9rem}body,html{margin:0!important;padding:0!important;height:100%!important;width:100%!important;background:transparent!important}#svelte{height:100%;width:100%}.login-page.svelte-1tifrp4.svelte-1tifrp4{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777);margin:0;padding:0}.login-card.svelte-1tifrp4.svelte-1tifrp4{background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #00000026;padding:2.5rem;width:90%;max-width:420px;text-align:center;opacity:0;transform:translateY(40px);animation:svelte-1tifrp4-enter .8s ease-out forwards;animation-delay:.1s}@keyframes svelte-1tifrp4-enter{to{opacity:1;transform:translateY(0)}}.logo.svelte-1tifrp4 img.svelte-1tifrp4{width:400px;height:auto;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.logo.svelte-1tifrp4.svelte-1tifrp4{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}h2.svelte-1tifrp4.svelte-1tifrp4{margin:.5rem 0;color:#fff;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle.svelte-1tifrp4.svelte-1tifrp4{color:#ffffffe6;margin-bottom:2rem;font-size:1rem}.form.svelte-1tifrp4.svelte-1tifrp4{display:flex;flex-direction:column;gap:1.2rem}label.svelte-1tifrp4.svelte-1tifrp4{text-align:left;margin-bottom:.5rem;color:#fffffff2;font-weight:500;font-size:.95rem;display:block}.input-wrapper.svelte-1tifrp4.svelte-1tifrp4{position:relative;display:flex;align-items:center}.icon.svelte-1tifrp4.svelte-1tifrp4{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none;opacity:.8;z-index:1}.input-wrapper.svelte-1tifrp4 input.svelte-1tifrp4{width:100%;height:48px!important;padding:0 3rem 0 3.2rem!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#fff3!important;color:#fff!important;font-size:1rem!important;transition:all .3s ease;box-sizing:border-box}.input-wrapper.svelte-1tifrp4 input.svelte-1tifrp4::placeholder{color:#fff9}.input-wrapper.svelte-1tifrp4 input.svelte-1tifrp4:focus{outline:none!important;border-color:#fff!important;background:#ffffff4d!important;box-shadow:0 0 0 4px #fff3}.input-wrapper.svelte-1tifrp4 input.error.svelte-1tifrp4{border-color:#fca5a5!important;background:#fecaca26!important}.toggle-password.svelte-1tifrp4.svelte-1tifrp4{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.3rem;cursor:pointer;padding:6px;opacity:.8;transition:opacity .2s;z-index:2;line-height:1}.toggle-password.svelte-1tifrp4.svelte-1tifrp4:hover{opacity:1}.form.svelte-1tifrp4>button[type=submit].svelte-1tifrp4{width:100%;margin-top:1rem;background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #818cf866}.form.svelte-1tifrp4>button[type=submit].svelte-1tifrp4:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #818cf880}.spinner.svelte-1tifrp4.svelte-1tifrp4{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:svelte-1tifrp4-spin 1s linear infinite;margin-right:8px}@keyframes svelte-1tifrp4-spin{to{transform:rotate(360deg)}}.error-message.svelte-1tifrp4.svelte-1tifrp4{color:#fecaca;background:#fecaca33;padding:.8rem;border-radius:10px;font-weight:500}.footer-text.svelte-1tifrp4.svelte-1tifrp4{margin-top:2rem;color:#ffffffb3;font-size:.85rem}@media (max-width: 480px){.login-card.svelte-1tifrp4.svelte-1tifrp4{padding:2rem 1.5rem;width:95%}h2.svelte-1tifrp4.svelte-1tifrp4{font-size:1.8rem}}.card.svelte-kdfv8d{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.title.svelte-kdfv8d{font-weight:600;margin-bottom:8px}.qr.svelte-kdfv8d{display:flex;align-items:center;justify-content:center;height:240px;background:#f9fafb;border:1px dashed #ddd;border-radius:8px}.logout-btn.svelte-kdfv8d{margin-top:12px;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer}.logout-btn.svelte-kdfv8d:hover{background:#dc2626}body,html{margin:0;padding:0;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f3f4f6}#svelte{height:100%}.app-layout.svelte-vgs7o4.svelte-vgs7o4{height:100vh;width:100vw;overflow:hidden;display:flex}.main-wrapper.svelte-vgs7o4.svelte-vgs7o4{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s ease}.app-layout.sidebar-open.desktop.svelte-vgs7o4 .main-wrapper.svelte-vgs7o4{margin-left:260px}.content.svelte-vgs7o4.svelte-vgs7o4{flex:1;padding:2rem;overflow-y:auto;background:#f8fafc}.login-wrapper.svelte-vgs7o4.svelte-vgs7o4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777)}@media (max-width: 768px){.content.svelte-vgs7o4.svelte-vgs7o4{padding:1rem}}