@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.toast[data-v-c3da8cd7]{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:.75rem .75rem .75rem .875rem;animation:.35s cubic-bezier(.16,1,.3,1) toastIn-c3da8cd7;position:relative;overflow:hidden}.toast[data-v-c3da8cd7]:before{content:"";background:var(--toast-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.toast-icon[data-v-c3da8cd7]{width:2rem;height:2rem;color:var(--toast-accent);background:var(--toast-bg);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-success[data-v-c3da8cd7]{--toast-accent:var(--success-solid);--toast-bg:var(--success-bg)}.toast-error[data-v-c3da8cd7]{--toast-accent:var(--danger-solid);--toast-bg:var(--danger-bg)}.toast-warning[data-v-c3da8cd7]{--toast-accent:var(--warning-solid);--toast-bg:var(--warning-bg)}.toast-info[data-v-c3da8cd7]{--toast-accent:var(--info-solid);--toast-bg:var(--info-bg)}@keyframes toastIn-c3da8cd7{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.fixed[data-v-c3da8cd7]{position:fixed}.top-4[data-v-c3da8cd7]{top:1rem}.right-4[data-v-c3da8cd7]{right:1rem}.z-50[data-v-c3da8cd7]{z-index:9999}.sidebar[data-v-42915ef8]{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar[data-v-42915ef8]:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e559 0%,#0000 65%);width:320px;height:320px;position:absolute;top:-120px;left:-80px}.sidebar-header[data-v-42915ef8]{height:var(--topbar-height);justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:relative}.sidebar-brand[data-v-42915ef8]{align-items:center;gap:.75rem;display:flex}.brand-icon[data-v-42915ef8]{background:var(--gradient-brand);border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 8px 20px -6px #6366f1cc,inset 0 1px #ffffff40}.brand-text[data-v-42915ef8]{flex-direction:column;display:flex}.brand-name[data-v-42915ef8]{letter-spacing:-.02em;color:var(--sidebar-text-strong);font-size:1.125rem;font-weight:800;line-height:1.1}.brand-sub[data-v-42915ef8]{letter-spacing:.04em;color:var(--sidebar-text);font-size:.6875rem;font-weight:600}.mobile-close-btn[data-v-42915ef8]{color:var(--sidebar-text);background:0 0;display:none}.mobile-close-btn[data-v-42915ef8]:hover{color:var(--sidebar-text-strong);background:var(--sidebar-hover)}.sidebar-nav[data-v-42915ef8]{flex-direction:column;flex:1;gap:.125rem;padding:.5rem .875rem 1rem;display:flex;position:relative;overflow-y:auto}.sidebar-nav[data-v-42915ef8]::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box}.nav-section-title[data-v-42915ef8]{text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-section);padding:1rem .75rem .5rem;font-size:.65625rem;font-weight:700}.nav-item[data-v-42915ef8]{color:var(--sidebar-text);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.nav-icon[data-v-42915ef8]{color:currentColor;opacity:.85;width:1.25rem;height:1.25rem;transition:var(--transition);flex-shrink:0}.nav-item[data-v-42915ef8]:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-item:hover .nav-icon[data-v-42915ef8]{opacity:1;transform:translate(1px)}.nav-item.active[data-v-42915ef8]{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-item.active .nav-icon[data-v-42915ef8]{color:#a5b8ff;opacity:1}.nav-item.active[data-v-42915ef8]:before{content:"";background:linear-gradient(#60a5fa 0%,#a78bfa 100%);border-radius:0 3px 3px 0;width:3px;position:absolute;top:.5rem;bottom:.5rem;left:-.875rem;box-shadow:0 0 12px #818cf8cc}.sidebar-footer[data-v-42915ef8]{border-radius:var(--radius-lg);border:1px solid var(--sidebar-border);background:#ffffff0a;justify-content:space-between;align-items:center;gap:.5rem;margin:0 .875rem .875rem;padding:.625rem;display:flex;position:relative}.user-card[data-v-42915ef8]{flex:1;align-items:center;gap:.625rem;min-width:0;text-decoration:none;display:flex}.user-avatar[data-v-42915ef8]{background:var(--gradient-brand);color:#fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;font-weight:700;display:flex}.user-details[data-v-42915ef8]{flex-direction:column;min-width:0;display:flex}.user-name[data-v-42915ef8]{color:var(--sidebar-text-strong);font-size:.8125rem;font-weight:600}.user-role[data-v-42915ef8]{color:var(--sidebar-text);font-size:.71875rem}.logout-btn[data-v-42915ef8]{color:var(--sidebar-text);background:0 0}.logout-btn[data-v-42915ef8]:hover:not(:disabled){color:#fda4af;background-color:#f43f5e24}@media (width<=1024px){.sidebar[data-v-42915ef8]{transform:translate(-100%)}.sidebar.sidebar-open-mobile[data-v-42915ef8]{box-shadow:var(--shadow-xl);transform:translate(0)}.mobile-close-btn[data-v-42915ef8]{display:inline-flex}.sidebar-backdrop[data-v-42915ef8]{z-index:35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#080d1a8c;animation:.15s ease-out fadeIn;position:fixed;inset:0}}.topbar[data-v-d78b0834]{height:var(--topbar-height);border-width:0 0 1px;border-bottom-color:var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-left[data-v-d78b0834]{align-items:center;gap:.75rem;min-width:0;display:flex}.hamburger-btn[data-v-d78b0834]{display:none}.page-title-wrap[data-v-d78b0834]{flex-direction:column;min-width:0;display:flex}.page-title[data-v-d78b0834]{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.0625rem;font-weight:700;overflow:hidden}.page-date[data-v-d78b0834]{color:var(--text-muted);font-size:.75rem}@media (width<=1024px){.hamburger-btn[data-v-d78b0834]{display:inline-flex}.topbar[data-v-d78b0834]{padding:0 1rem}}@media (width<=640px){.page-date[data-v-d78b0834]{display:none}}.topbar-right[data-v-d78b0834]{align-items:center;gap:.375rem;display:flex}.topbar-icon-btn[data-v-d78b0834]{border-radius:var(--radius-full);color:var(--text-muted)}.topbar-icon-btn[data-v-d78b0834]:hover:not(:disabled){color:var(--text-main);background-color:var(--bg-subtle)}.notif-wrapper[data-v-d78b0834],.notif-btn[data-v-d78b0834]{position:relative}.logout-btn[data-v-d78b0834]:hover:not(:disabled){color:var(--danger-text);background-color:var(--danger-bg)}.notif-badge[data-v-d78b0834]{color:#fff;border-radius:var(--radius-full);min-width:1.05rem;box-shadow:0 0 0 2px var(--bg-surface);background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);padding:.15rem .3rem;font-size:.625rem;font-weight:700;line-height:1;position:absolute;top:3px;right:3px}.notif-dropdown[data-v-d78b0834]{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:360px;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-xl);z-index:50;animation:.18s ease-out slideUp;position:absolute;top:calc(100% + .625rem);right:0;overflow:hidden}.notif-dropdown-header[data-v-d78b0834]{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.notif-list[data-v-d78b0834]{max-height:380px;overflow-y:auto}.notif-item[data-v-d78b0834]{border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}.notif-item[data-v-d78b0834]:last-child{border-bottom:none}.notif-item[data-v-d78b0834]:hover{background-color:var(--bg-subtle)}.notif-item.unread[data-v-d78b0834]{background-color:var(--primary-50)}.notif-item-content[data-v-d78b0834]{flex:1;min-width:0}.notif-item-title[data-v-d78b0834]{color:var(--text-main);margin-bottom:.2rem;font-size:.8125rem;font-weight:600}.notif-item-msg[data-v-d78b0834]{color:var(--text-body);margin-bottom:.25rem;font-size:.75rem;line-height:1.45}.notif-item-time[data-v-d78b0834]{color:var(--text-subtle);font-size:.6875rem}.unread-dot[data-v-d78b0834]{background:var(--gradient-brand);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.35rem}.profile-pill[data-v-d78b0834]{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);box-shadow:var(--shadow-xs);transition:var(--transition);align-items:center;gap:.625rem;margin-left:.375rem;padding:.25rem .75rem .25rem .25rem;text-decoration:none;display:flex}.profile-pill[data-v-d78b0834]:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.profile-initials[data-v-d78b0834]{background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8125rem;font-weight:700;display:flex}.profile-text[data-v-d78b0834]{flex-direction:column}.profile-name[data-v-d78b0834]{color:var(--text-main);max-width:140px;font-size:.8125rem;font-weight:600;line-height:1.2}.profile-role[data-v-d78b0834]{color:var(--text-muted);font-size:.6875rem}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f3f5fa;--bg-surface:#fff;--bg-subtle:#f1f4f9;--bg-muted:#e6eaf2;--bg-elevated:#fff;--border-light:#eef1f6;--border-subtle:#e5e9f1;--border-default:#d4dae5;--border-focus:#3b6cf6;--text-main:#0b1324;--text-body:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--text-inverse:#fff;--primary-50:#eef3ff;--primary-100:#dde7ff;--primary-200:#c0d2ff;--primary-500:#3b6cf6;--primary-600:#2557e8;--primary-700:#1c45c7;--primary-800:#1d3a9e;--primary-900:#1b2f74;--gradient-brand:linear-gradient(135deg, #2563eb 0%, #4f46e5 55%, #7c3aed 100%);--gradient-brand-soft:linear-gradient(135deg, #2563eb1a 0%, #7c3aed14 100%);--glow-brand:0 8px 24px -6px #2557e873;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#047857;--success-solid:#10b981;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#b45309;--warning-solid:#f59e0b;--danger-bg:#fff1f2;--danger-border:#fecdd3;--danger-text:#be123c;--danger-solid:#f43f5e;--info-bg:#f0f9ff;--info-border:#bae6fd;--info-text:#0369a1;--info-solid:#0ea5e9;--neutral-bg:#f4f6fa;--neutral-border:#e2e8f0;--neutral-text:#475569;--sidebar-bg:linear-gradient(180deg, #0c1530 0%, #0a1126 100%);--sidebar-border:#ffffff0f;--sidebar-text:#9aa6c3;--sidebar-text-strong:#f1f5ff;--sidebar-section:#5d6a8a;--sidebar-hover:#ffffff0d;--sidebar-active:linear-gradient(90deg, #3b6cf647 0%, #7c3aed24 100%);--glass-bg:#ffffffb8;--glass-border:#fff9;--app-glow:radial-gradient(900px 420px at 85% -120px, #4f46e517, transparent 70%), radial-gradient(700px 360px at 10% -80px, #2563eb12, transparent 70%);--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0d, 0 1px 2px -1px #0f172a0a;--shadow-md:0 6px 18px -4px #0f172a14, 0 2px 6px -2px #0f172a0d;--shadow-lg:0 16px 32px -8px #0f172a1f, 0 4px 10px -4px #0f172a0f;--shadow-xl:0 28px 56px -12px #0f172a38, 0 10px 20px -10px #0f172a1a;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.125rem;--radius-full:9999px;--sidebar-width:272px;--topbar-height:68px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .2s cubic-bezier(.16, 1, .3, 1);--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%238b95a8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#080d1a;--bg-surface:#0f172a;--bg-subtle:#151f36;--bg-muted:#1d2942;--bg-elevated:#131d33;--border-light:#172238;--border-subtle:#1e2a43;--border-default:#2a3854;--border-focus:#5b8cff;--text-main:#eef2fb;--text-body:#c4cbdb;--text-muted:#8c97ae;--text-subtle:#627091;--primary-50:#5b8cff1a;--primary-100:#5b8cff2e;--primary-200:#5b8cff4d;--primary-500:#6d98ff;--primary-600:#6d98ff;--primary-700:#93b3ff;--primary-800:#b3c9ff;--primary-900:#d3e0ff;--gradient-brand-soft:linear-gradient(135deg, #3b6cf629 0%, #7c3aed1f 100%);--glow-brand:0 8px 28px -6px #4f46e58c;--success-bg:#10b9811f;--success-border:#10b9814d;--success-text:#4ade9a;--warning-bg:#f59e0b1f;--warning-border:#f59e0b4d;--warning-text:#fbbf4d;--danger-bg:#f43f5e1f;--danger-border:#f43f5e52;--danger-text:#fb7f96;--info-bg:#0ea5e91f;--info-border:#0ea5e94d;--info-text:#5cc8f5;--neutral-bg:#94a3b81a;--neutral-border:#94a3b838;--neutral-text:#a7b1c6;--sidebar-bg:linear-gradient(180deg, #0a1124 0%, #070c1a 100%);--glass-bg:#0c1324b8;--glass-border:#ffffff0d;--app-glow:radial-gradient(900px 420px at 85% -120px, #4f46e529, transparent 70%), radial-gradient(700px 360px at 10% -80px, #2563eb1f, transparent 70%);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #00000059;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 18px 36px -10px #0000008c;--shadow-xl:0 30px 60px -12px #000000a6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);color:var(--text-body);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}body{transition:background-color .25s,color .25s}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary-600);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-700)}::selection{background:var(--primary-200);color:var(--text-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--text-subtle)}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.015em;font-weight:700;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--text-body)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-primary{color:var(--primary-600)}.text-danger{color:var(--danger-text)}.text-success{color:var(--success-text)}.text-gradient{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.app-container{width:100%;min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);background:var(--app-glow);background-repeat:no-repeat;flex-direction:column;flex:1;transition:margin-left .25s;display:flex}@media (width<=1024px){.app-main{margin-left:0}}.content-wrapper{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.75rem 2rem 2.5rem}@media (width<=640px){.content-wrapper{padding:1rem 1rem 2rem}}.content-wrapper h2.text-xl{letter-spacing:-.025em;font-size:1.5rem;font-weight:800}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),background-color .25s}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%)blur(14px);border:1px solid var(--glass-border)}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.card-body{padding:1.25rem}.card-footer{border-top:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);background-color:#0000;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.icon-tile{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.icon-tile svg{width:1.375rem;height:1.375rem}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-main);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:flex}.form-label .required{color:var(--danger-solid)}.form-control{width:100%;height:2.5rem;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:var(--transition);outline:none;padding:0 .875rem;font-family:inherit;font-size:.875rem}.form-control:hover:not(:disabled):not(:focus){border-color:var(--text-subtle)}.form-control::placeholder{color:var(--text-subtle)}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-100)}.form-control:disabled{background-color:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}select.form-control{appearance:none;background-image:var(--select-chevron);cursor:pointer;background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}select.form-control[multiple]{background-image:none;padding-right:.875rem}textarea.form-control{resize:vertical;height:auto;min-height:84px;padding:.625rem .875rem;line-height:1.55}input[type=checkbox],input[type=radio]{accent-color:var(--primary-600);width:1rem;height:1rem}.form-help{color:var(--text-muted);font-size:.75rem}.form-error{color:var(--danger-text);font-size:.75rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;height:2.5rem;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.125rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 4px var(--primary-200);outline:none}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-icon-only{width:2.5rem;height:2.5rem;padding:0}.btn-sm{border-radius:var(--radius-md);height:2.125rem;padding:0 .875rem;font-size:.8125rem}.btn-sm.btn-icon-only{width:2.125rem;height:2.125rem}.btn-icon-only svg{flex-shrink:0;width:1.25rem!important;height:1.25rem!important}.btn-lg{height:2.875rem;padding:0 1.5rem;font-size:.9375rem}.btn-primary{background:var(--gradient-brand);color:#fff;background-position:0%;background-size:140% 140%;box-shadow:inset 0 1px #ffffff2e,0 4px 14px -4px #2557e88c}.btn-primary:hover:not(:disabled){color:#fff;box-shadow:0 1px 0 #ffffff2e inset, var(--glow-brand);background-position:100%}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--text-subtle)}.btn-ghost{color:var(--text-muted);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-main)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 14px -4px #e11d4880}.btn-danger:hover:not(:disabled){color:#fff;box-shadow:0 8px 22px -6px #e11d4899}.btn-danger-outline{color:var(--danger-text);border-color:var(--danger-border);background-color:#0000}.btn-danger-outline:hover:not(:disabled){background-color:var(--danger-bg)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px -4px #05966980}.btn-success:hover:not(:disabled){color:#fff;box-shadow:0 8px 22px -6px #05966999}.badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.71875rem;font-weight:600;line-height:1;display:inline-flex}.badge-dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background-color:currentColor;border-radius:50%}.badge-success{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.badge-danger{background-color:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.badge-info{background-color:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.badge-neutral{background-color:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral-text)}.table-container{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-xs);overflow-x:auto}.card .table-container{box-shadow:none;background:0 0;border:0;border-radius:0}.table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.875rem}.table th{background-color:var(--bg-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.75rem 1.25rem;font-size:.6875rem;font-weight:700}.table td{color:var(--text-body);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:.9375rem 1.25rem}.table tbody tr{transition:background-color .15s}.table tbody tr:hover{background-color:var(--primary-50)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr .btn-icon-only{border-radius:var(--radius-sm)}.table tbody tr:hover .btn-ghost:hover:not(:disabled){background-color:var(--bg-surface);box-shadow:var(--shadow-sm)}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);background-color:#080d1a8c;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background-color:var(--bg-surface);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);border-radius:1.25rem;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.24s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-dialog.modal-lg{max-width:820px}.modal-dialog.modal-xl{max-width:1080px}.modal-dialog.modal-sm{max-width:440px}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;display:flex}.modal-header-title{align-items:center;gap:.75rem;min-width:0;display:flex}.modal-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:.625rem;padding:.875rem 1.5rem;display:flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.hidden{display:none!important}@media (width>=640px){.sm\:flex{display:flex!important}.sm\:flex-row{flex-direction:row!important}.sm\:flex-col{flex-direction:column!important}.sm\:items-center{align-items:center!important}.sm\:items-start{align-items:flex-start!important}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width>=768px){.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:col-span-2{grid-column:span 2/span 2!important}.md\:col-span-3{grid-column:span 3/span 3!important}}@media (width>=1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.75rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;position:relative}.tab-btn:after{content:"";background:var(--gradient-brand);border-radius:3px 3px 0 0;height:2.5px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:.5rem;right:.5rem;transform:scaleX(0)}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary-600)}.tab-btn.active:after{transform:scaleX(1)}.paper-preview{color:#000;white-space:pre-wrap;word-wrap:break-word;background-color:#fff;width:100%;max-width:210mm;min-height:297mm;margin:0 auto;padding:1cm 2cm 1.5cm;font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.5;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media print{html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body>*{display:none!important}.modal-overlay{display:block!important}.modal-overlay>:not(.modal-dialog),.modal-dialog>:not(.modal-body),.modal-body>:not(.bg-gray-100):not(.print-area){display:none!important}.modal-overlay,.modal-dialog,.modal-body,.bg-gray-100{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}.print-area,.print-area.paper-preview{width:auto!important;max-width:none!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.kop-surat-img{width:100%!important;max-height:150px!important;margin:0 0 20px!important}@page{size:A4 portrait;margin:1cm 2cm 1.5cm}}.kop-surat{border-bottom:3px solid #000;grid-template-columns:100px 1fr 100px;align-items:center;margin-bottom:25px;padding-bottom:10px;display:grid;position:relative}.kop-surat:after{content:"";border-bottom:1px solid #000;position:absolute;bottom:-6px;left:0;right:0}.kop-logo{color:#999;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:10px;display:flex}.kop-text{text-align:center}.kop-text h1{margin:0;font-size:18pt;font-weight:700;line-height:1.2}.kop-text h2{margin:0;font-size:14pt;font-weight:700;line-height:1.2}.kop-text p{margin:5px 0 0;font-size:10pt}.kop-surat-img{object-fit:contain;border-bottom:3px solid #000;width:calc(100% + 4cm);max-height:150px;margin:-1cm -2cm 20px;padding-bottom:10px}.editor-toolbar{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;gap:5px;margin-bottom:15px;padding:8px;display:flex}.editor-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.editor-btn:hover{background:#e2e8f0}.paper-content[contenteditable=true]{outline:none;min-height:400px;padding:10px;transition:background-color .2s}.paper-content[contenteditable=true]:hover,.paper-content[contenteditable=true]:focus{background-color:#f3f4f680;border-radius:4px}.signature-box{text-align:center;white-space:normal;break-inside:avoid;width:250px;margin-top:1.5rem}.signature-box.signature-left{margin-right:auto}.signature-box.signature-center{margin-left:auto;margin-right:auto}.signature-box.signature-right{margin-left:auto}.signature-box p{margin:0}.paper-content{tab-size:4}.paper-content p{min-height:1.5em;margin:0}.paper-content .align-center{text-align:center}.paper-content .align-right{text-align:right}.paper-content .align-justify{text-align:justify}.paper-content h1,.paper-content h2,.paper-content h3{margin:0;font-weight:700}.paper-content h1{font-size:16pt}.paper-content h2{font-size:14pt}.paper-content h3{font-size:12pt}.paper-content ul,.paper-content ol{margin:0;padding-left:1.5em}.paper-content ul{list-style:outside}.paper-content ol{list-style:decimal}.paper-content table{border-collapse:collapse;width:100%}.paper-content td,.paper-content th{vertical-align:top;padding:0 4px}.paper-content img{max-width:100%;height:auto}.paper-content table.kop-table{border-bottom:4px double #000;width:100%;margin-bottom:4px}.paper-content .kop-table td{vertical-align:middle}.paper-content .kop-logo-cell{text-align:center;width:100px}.paper-content .kop-text-cell{text-align:center}.paper-content .kop-title-1{font-size:18pt;line-height:1.2}.paper-content .kop-title-2{font-size:14pt;line-height:1.2}.paper-content .kop-address{font-size:10pt}.paper-content table.ttd-table{width:260px}.paper-content table.ttd-table.ttd-left{margin-right:auto}.paper-content table.ttd-table.ttd-center{margin-left:auto;margin-right:auto}.paper-content table.ttd-table.ttd-right{margin-left:auto}.paper-content .ttd-table td{text-align:center}.paper-content p.ttd-qr{color:#888;background-color:#f8fafc;border:1px solid #ccc;justify-content:center;align-items:center;width:100px;height:100px;margin:10px auto;font-size:10pt;display:flex}.paper-content .placeholder-empty{background-color:#fef08a;border-radius:2px;padding:0 2px}.paper-content img.img-selected{outline:2px solid var(--primary-500,#3b82f6);outline-offset:2px}.paper-content[contenteditable=true] img{cursor:pointer}.template-html-preview{border:1px solid var(--border-default);border-radius:var(--radius-md);color:#000;white-space:pre-wrap;background:#fff;max-height:260px;padding:12px 16px;font-family:Times New Roman,Times,serif;font-size:11pt;line-height:1.5;overflow:auto}.paper-preview.pdf-render{width:100%;max-width:none;min-height:0;box-shadow:none;padding:0}.pdf-render .paper-content{background:0 0;min-height:0;padding:0}.pdf-render .kop-surat-img{width:100%;margin:0 0 20px}.signature-box .qr-placeholder{color:#888;background-color:#f8fafc;border:1px solid #ccc;justify-content:center;align-items:center;width:100px;height:100px;margin:10px auto;font-size:10pt;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:1.125rem;height:1.125rem;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .25s ease-out}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.text-main{color:var(--text-main)}.text-body{color:var(--text-body)}.text-warning{color:var(--warning-text)}.text-info,.text-sky{color:var(--info-text)}.text-amber{color:var(--warning-text)}.text-emerald{color:var(--success-text)}.bg-surface{background-color:var(--bg-surface)}.bg-app{background-color:var(--bg-app)}.bg-subtle{background-color:var(--bg-subtle)}.bg-muted{background-color:var(--bg-muted)}.bg-primary{background-color:var(--primary-600)}.bg-primary-50,.bg-blue{background-color:var(--primary-50)}.bg-sky{background-color:var(--info-bg)}.bg-amber{background-color:var(--warning-bg)}.bg-emerald,.bg-success{background-color:var(--success-bg)}.bg-warning{background-color:var(--warning-bg)}.bg-danger{background-color:var(--danger-bg)}.bg-info{background-color:var(--info-bg)}.bg-transparent{background-color:#0000}.border{border:1px solid var(--border-default)}.border-0{border:0}.border-t{border-top:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-b-2{border-bottom-width:2px}.border-dashed{border-style:dashed}.border-subtle{border-color:var(--border-subtle)}.border-default{border-color:var(--border-default)}.border-primary{border-color:var(--primary-500)}.border-warning{border-color:var(--warning-border)}.border-success{border-color:var(--success-border)}.border-danger{border-color:var(--danger-border)}.divide-y>*+*,.divide-subtle>*+*{border-top:1px solid var(--border-subtle)}.hover\:bg-subtle:hover{background-color:var(--bg-subtle)}.hover\:bg-surface:hover{background-color:var(--bg-surface)}.hover\:text-main:hover{color:var(--text-main)}.hover\:text-primary:hover{color:var(--primary-600)}.hover\:underline:hover{text-decoration:underline}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.min-w-0{min-width:0}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.inline{display:inline}.inline-block{display:inline-block}.block{display:block}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.self-center{align-self:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-decoration-none{text-decoration:none}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-all{transition:var(--transition)}.select-none{-webkit-user-select:none;user-select:none}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.fixed{position:fixed}.top-4{top:1rem}.right-4{right:1rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{width:1.125rem;height:1.125rem;color:var(--text-subtle);pointer-events:none;position:absolute;left:.75rem}.input-with-icon .form-control{padding-left:2.375rem}.bg-gray-100{background-color:var(--bg-muted)}.bg-gray-300{background-color:var(--border-default)}.form-control.is-invalid{border-color:var(--danger-solid);box-shadow:0 0 0 4px var(--danger-bg)}