@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-500:oklch(72.3% .219 149.579);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.z-10000{z-index:10000}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-full{height:100%}.h-screen{height:100vh}.min-h-50{min-height:calc(var(--spacing)*50)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-\[320px\]{width:320px}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.hover\:opacity-80:hover{opacity:.8}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}:root{color-scheme:light;--accent:#2563eb;--sidebar-surface:#ffffffe6;--sidebar-border:#94a3b840;--sidebar-shadow:0px 6px 20px 0px #02061714;--sidebar-text:#0f172a;--sidebar-muted:#4b5563;--sidebar-hover:var(--sidebar-surface)}@supports (color:color-mix(in lab,red,red)){:root{--sidebar-hover:color-mix(in srgb,var(--sidebar-surface)90%,var(--accent)10%)}}:root{--sidebar-ghost:#ffffffe6;--sidebar-toggle-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--sidebar-toggle-hover:color-mix(in srgb,var(--accent)60%,var(--sidebar-muted)40%)}}:root{--sidebar-active-start:var(--accent);--sidebar-active-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--sidebar-active-end:color-mix(in srgb,var(--accent)72%,#0b1f4a 28%)}}:root{--sidebar-active-hover-start:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--sidebar-active-hover-start:color-mix(in srgb,var(--accent)82%,var(--sidebar-surface)18%)}}:root{--sidebar-active-hover-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--sidebar-active-hover-end:color-mix(in srgb,var(--accent)62%,var(--sidebar-surface)38%)}}:root{--sidebar-active-text:#fff;--sidebar-active-shadow:0px 6px 20px 0px #02061714;--sidebar-active-hover-shadow:0px 6px 20px 0px #02061714;--navbar-title-color:#071233;--user-btn-bg:#ffffffe6;--user-btn-fg:#334155;--user-dropdown-bg:#fffffff5;--user-dropdown-border:#94a3b84d;--user-dropdown-text:#0b1220;--user-dropdown-shadow:0 12px 32px #0f172a2e;--user-btn-shadow:0 10px 24px #0f172a14;--scrollbar-track:#0f172a05;--scrollbar-thumb:#0f172a14;--scrollbar-thumb-hover:#0f172a24;--scrollbar-width:10px;--form-bg:#fff;--form-border:#0f172a0f;--form-hover-border:#3b82f62e;--form-text:#0b1220;--form-placeholder:#9aa6b2;--form-shadow:inset 0 1px 0 #fff9;--form-focus-border:#3b82f6d9;--form-focus-shadow:0 8px 24px #3b82f614}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-gray-900);color-scheme:light;background:linear-gradient(#f7f9fc,#eef2f7,#fff);margin:0}@keyframes toastFadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--toast-gradien);color:var(--toast-teks);border:1px solid var(--toast-border);box-shadow:var(--toast-bayangan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;overflow:hidden}.toast--animate{animation:.16s ease-out toastFadeSlide}.toast__accent-bar,.toast__dot{background:var(--toast-aksen)}.toast__close{color:var(--toast-teks);background:#ffffff0f;border:1px solid #0000}.toast[data-tipe=info]{--toast-teks:#0f172a;--toast-border:#d7e6ff;--toast-aksen:#3b82f6;--toast-bayangan:0 18px 40px #0f172a1f;--toast-gradien:linear-gradient(135deg,#3b82f614,#3b82f605)}.toast[data-tipe=sukses]{--toast-teks:#0f172a;--toast-border:#c8f7df;--toast-aksen:#16a34a;--toast-bayangan:0 18px 40px #0f172a1f;--toast-gradien:linear-gradient(135deg,#16a34a14,#16a34a05)}.toast[data-tipe=error]{--toast-teks:#0f172a;--toast-border:#fbcfd6;--toast-aksen:#e11d48;--toast-bayangan:0 18px 40px #0f172a1f;--toast-gradien:linear-gradient(135deg,#e11d4814,#e11d4805)}html[data-theme=dim] .toast[data-tipe=info]{--toast-teks:#e2e8f0;--toast-border:#2b4566;--toast-aksen:#60a5fa;--toast-bayangan:0 20px 50px #00000059;--toast-gradien:linear-gradient(135deg,#60a5fa1f,#0f1c2ba6)}html[data-theme=dim] .toast[data-tipe=sukses]{--toast-teks:#dcfce7;--toast-border:#2a6f4c;--toast-aksen:#34d399;--toast-bayangan:0 20px 50px #00000059;--toast-gradien:linear-gradient(135deg,#34d39924,#0f1f18b3)}html[data-theme=dim] .toast[data-tipe=error]{--toast-teks:#ffe2e6;--toast-border:#7f1d1d;--toast-aksen:#f43f5e;--toast-bayangan:0 20px 50px #00000059;--toast-gradien:linear-gradient(135deg,#f43f5e24,#1c1216b3)}html[data-theme=dark] .toast[data-tipe=info]{--toast-teks:#e2e8f0;--toast-border:#1f3b73;--toast-aksen:#60a5fa;--toast-bayangan:0 22px 54px #00000073;--toast-gradien:linear-gradient(135deg,#60a5fa24,#0c1423e6)}html[data-theme=dark] .toast[data-tipe=sukses]{--toast-teks:#dcfce7;--toast-border:#1a5b34;--toast-aksen:#22c55e;--toast-bayangan:0 22px 54px #00000073;--toast-gradien:linear-gradient(135deg,#22c55e29,#0e1c14e6)}html[data-theme=dark] .toast[data-tipe=error]{--toast-teks:#ffe4e6;--toast-border:#8b1a1a;--toast-aksen:#f43f5e;--toast-bayangan:0 22px 54px #00000073;--toast-gradien:linear-gradient(135deg,#f43f5e29,#170f12e6)}.layout-root{flex-direction:column;gap:0;min-height:100vh;display:flex}.layout-main{flex:1;padding:32px 0 56px}.site-container{max-width:1120px;margin:0 auto;padding:0 16px}.navbar{z-index:40;padding:0 16px;position:sticky;top:12px}.navbar-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #94a3b840;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;box-shadow:0 16px 40px #0f172a14}.navbar-inner--dashboard{max-width:none;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.brand-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #2563eb40}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-text{color:inherit;font-size:1rem;font-weight:700}.brand-sub{color:#6b7280;font-size:.75rem}.nav-right{align-items:center;gap:12px;display:flex}.nav-list{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:none}@media(min-width:640px){.nav-list{display:flex}}.nav-link{color:#475569;border-radius:9999px;padding:10px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s,box-shadow .18s}.nav-link:hover{color:#2563eb;background:#3b82f614}.nav-link--active{color:#0b1546;background:linear-gradient(135deg,#e0ecff,#cbdffb);box-shadow:0 10px 20px #3b82f61f}.login-btn{color:#475569;background:#ffffffe6;border:1px solid #94a3b866;border-radius:9999px;padding:10px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .18s;box-shadow:0 8px 18px #0f172a14}.login-btn:hover{color:#1d4ed8;border-color:#3b82f680;box-shadow:0 10px 22px #3b82f62e}.login-btn--active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:#3b82f666;box-shadow:0 12px 26px #0ea5e94d}.login-btn--active:hover{color:#fff}.mobile-nav-toggle{color:#334155;background:#ffffffe6;border:1px solid #94a3b859;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 8px 20px #0f172a14}@media(min-width:640px){.mobile-nav-toggle{display:none}}.theme-toggle{position:relative}.theme-toggle__btn{color:#334155;background:#ffffffe6;border:1px solid #94a3b859;border-radius:9999px;align-items:center;gap:8px;padding:9px 14px;font-size:.95rem;font-weight:600;transition:all .16s;display:inline-flex;box-shadow:0 10px 24px #0f172a14}.theme-toggle__btn:hover{color:#1d4ed8;background:#fffffff5;border-color:#94a3b84d}.theme-toggle__menu{z-index:10;background:#fffffff5;border:1px solid #94a3b84d;border-radius:12px;min-width:170px;margin-top:.35rem;padding:6px;position:absolute;right:0;box-shadow:0 12px 32px #0f172a2e}.theme-toggle__item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.95rem;transition:all .15s;display:flex}.theme-toggle__item:hover{color:#2563eb;background:#3b82f614}.theme-toggle__item.is-active{color:#1d4ed8;font-weight:700}.theme-toggle__item-icon{text-align:center;width:20px}.footer{background:linear-gradient(#f8fafce6,#f1f5f9f2);border-top:1px solid #94a3b840}.footer-inner{width:100%}@media(min-width:40rem){.footer-inner{max-width:40rem}}@media(min-width:48rem){.footer-inner{max-width:48rem}}@media(min-width:64rem){.footer-inner{max-width:64rem}}@media(min-width:80rem){.footer-inner{max-width:80rem}}@media(min-width:96rem){.footer-inner{max-width:96rem}}.footer-inner{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-800);justify-content:center;align-items:center;gap:calc(var(--spacing)*3);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.footer-inner--dashboard{text-align:center;justify-content:center;align-items:center;width:100%;max-width:none;margin:0;padding-top:12px;padding-bottom:12px;display:flex}.footer-links{align-items:center;gap:calc(var(--spacing)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px;display:inline-flex}.footer-links a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-900);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none}@media(hover:hover){.footer-links a:hover{color:var(--color-blue-600)}}.footer-dot{background:#94a3b8cc;border-radius:9999px;width:6px;height:6px}.footer-meta{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-600)}.home-hero{padding:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*16);text-align:center;background:linear-gradient(90deg,#e2e8f066 1px,#0000 1px) 0 0/80px 80px,linear-gradient(#e2e8f066 1px,#0000 1px) 0 0/80px 80px,radial-gradient(circle at 20% 20%,#e0f2fe80,#0000 35%),radial-gradient(circle at 80% 0,#dde7ff80,#0000 30%),linear-gradient(#f8fafc,#fff 60%);border-radius:32px;max-width:1180px;margin:0 auto;box-shadow:0 24px 60px #0f172a14}.home-title{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.home-desc{margin-bottom:calc(var(--spacing)*6);color:var(--color-gray-600)}.dashboard-sapaan-card{background:var(--form-bg);border:1px solid var(--form-border);width:100%;max-width:1180px;box-shadow:0 10px 30px var(--form-border);border-radius:16px;margin:16px auto 0;padding:16px 18px}@supports (color:color-mix(in lab,red,red)){.dashboard-sapaan-card{box-shadow:0 10px 30px color-mix(in srgb,var(--form-border)10%,transparent)}}.dashboard-sapaan-text{color:var(--form-text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.dashboard-sapaan-nama{color:var(--form-text)}.btn-primary{background-color:var(--color-blue-600);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.25rem}@media(hover:hover){.btn-primary:hover{background-color:var(--color-blue-700)}}.btn-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);border-radius:.25rem}.akun-page{background:var(--form-bg);border:1px solid var(--form-border);max-width:1120px;box-shadow:0 6px 24px var(--form-border);border-radius:14px;margin:20px auto;padding:22px 16px}@supports (color:color-mix(in lab,red,red)){.akun-page{box-shadow:0 6px 24px color-mix(in srgb,var(--form-border)8%,transparent)}}.akun-page{transition:box-shadow .18s,transform .18s}.akun-title{color:var(--form-text);margin:0 0 6px;font-size:1.25rem;font-weight:700}.akun-desc{color:var(--form-placeholder);margin-bottom:14px}.akun-hero{flex-direction:column;align-items:flex-start;gap:6px;max-width:1120px;margin:8px auto 6px;padding:12px 16px;display:flex}.akun-hero .akun-title{margin:0 0 1rem;font-size:1.875rem;font-weight:700;line-height:1.1}.akun-hero .akun-desc{color:var(--form-placeholder);margin-bottom:1.5rem;font-size:1rem}html:not([data-theme=dim]):not([data-theme=dark]) .akun-header .akun-desc{color:var(--form-placeholder)}html[data-theme=dim] .akun-header .akun-desc{color:var(--dim-text-muted)}html[data-theme=dark] .akun-header .akun-desc{color:var(--dark-text-muted)}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.session-card{background:var(--form-bg);border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;padding:14px;display:flex}@supports (color:color-mix(in lab,red,red)){.session-card{background:color-mix(in srgb,var(--form-bg)96%,transparent)}}.session-card{border:1px solid var(--form-border);transition:box-shadow .16s,transform .16s,border-color .16s}.session-card:hover{box-shadow:0 14px 38px var(--form-border);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.session-card:hover{box-shadow:0 14px 38px color-mix(in srgb,var(--form-border)10%,#0206170f)}}.session-card:hover{border-color:var(--form-focus-border)}.session-info{flex:auto}.session-ua{color:var(--form-text);text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:3.6em;margin-bottom:6px;font-size:.92rem;line-height:1.3;display:-webkit-box;overflow:hidden}.session-meta{color:var(--form-placeholder);font-size:.82rem}.session-actions{width:100%;margin-top:8px;display:block}.btn{cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 12px}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ef4444);border:none;min-width:68px;padding:8px 10px;font-weight:700}.session-actions .btn,.session-actions .btn-danger{box-sizing:border-box;display:block;width:100%!important}.session-actions .btn:disabled,.session-actions .btn-danger:disabled{cursor:not-allowed;background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){.session-actions .btn:disabled,.session-actions .btn-danger:disabled{background:color-mix(in srgb,var(--form-bg)92%,var(--form-border)8%)}}.session-actions .btn:disabled,.session-actions .btn-danger:disabled{color:var(--form-placeholder);border:1px solid var(--form-border);box-shadow:none;opacity:.82}.session-actions .btn:disabled:hover,.session-actions .btn-danger:disabled:hover{background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){.session-actions .btn:disabled:hover,.session-actions .btn-danger:disabled:hover{background:color-mix(in srgb,var(--form-bg)92%,var(--form-border)8%)}}.session-actions .btn:disabled:hover,.session-actions .btn-danger:disabled:hover{border-color:var(--form-border)}.akun-action-notice{border-radius:8px;margin-top:12px;padding:10px 12px}.akun-action-notice.sukses{background:#10b981}@supports (color:color-mix(in lab,red,red)){.akun-action-notice.sukses{background:color-mix(in srgb,#10b981 10%,var(--form-bg))}}.akun-action-notice.sukses{color:#065f46}.akun-action-notice.error{background:#ef4444}@supports (color:color-mix(in lab,red,red)){.akun-action-notice.error{background:color-mix(in srgb,#ef4444 10%,var(--form-bg))}}.akun-action-notice.error{color:#7f1d1d}.submenu{margin-top:6px;padding:4px 0;transition:none;display:block}.submenu>li{list-style:none}.submenu>li:not(:last-child) .submenu-item{border-bottom:1px solid var(--sidebar-border);margin-bottom:2px;padding-bottom:4px}@supports (color:color-mix(in lab,red,red)){.submenu>li:not(:last-child) .submenu-item{border-bottom:1px solid color-mix(in srgb,var(--sidebar-border)50%,transparent)}}.submenu-item{gap:calc(var(--spacing)*3);border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;color:var(--sidebar-muted);align-items:center;width:100%;text-decoration:none;transition:background .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);display:flex}.submenu-item:hover{background:var(--sidebar-hover)}@supports (color:color-mix(in lab,red,red)){.submenu-item:hover{background:color-mix(in srgb,var(--sidebar-hover)60%,transparent)}}.submenu-item:hover{color:var(--sidebar-text)}@supports (color:color-mix(in lab,red,red)){.submenu-item:hover{color:color-mix(in srgb,var(--sidebar-text)90%,var(--accent)10%)}}.submenu-item.sidebar-link--active{background:var(--sidebar-active-start)}@supports (color:color-mix(in lab,red,red)){.submenu-item.sidebar-link--active{background:color-mix(in srgb,var(--sidebar-active-start)85%,var(--sidebar-active-end)15%)}}.submenu-item.sidebar-link--active{color:var(--sidebar-active-text)}.submenu-item .sidebar-icon{color:var(--sidebar-muted);justify-content:center;align-items:center;display:inline-flex}.submenu-item:hover .sidebar-icon{color:var(--sidebar-muted)}@supports (color:color-mix(in lab,red,red)){.submenu-item:hover .sidebar-icon{color:color-mix(in srgb,var(--sidebar-muted)55%,var(--accent)45%)}}.submenu-item:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.submenu-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent)60%,var(--sidebar-ghost)40%)}}.submenu-item:focus-visible{outline-offset:2px}.sidebar-link.is-open,.sidebar-link.is-open:hover{background:var(--sidebar-active-start)}@supports (color:color-mix(in lab,red,red)){.sidebar-link.is-open,.sidebar-link.is-open:hover{background:color-mix(in srgb,var(--sidebar-active-start)80%,var(--sidebar-active-end)20%)}}.sidebar-link.is-open,.sidebar-link.is-open:hover{color:var(--sidebar-active-text)}.sidebar-link.is-open .sidebar-icon,.sidebar-link.is-open:hover .sidebar-icon{color:#fff}.submenu-item{width:100%}.auth-surface{max-width:var(--container-xl);padding:calc(var(--spacing)*6);background:linear-gradient(#fff,#f5f7fb);border:1px solid #e2e8f0e6;border-radius:24px;margin-inline:auto;box-shadow:0 18px 50px #0f172a14}.auth-page{background:0 0;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:56px 16px;display:flex}.auth-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #0f172a0a;border-radius:16px;width:100%;max-width:520px;padding:32px;box-shadow:0 18px 50px #0206170f}.auth-card .home-title{text-align:center;color:#071233;margin-top:0;margin-bottom:6px;font-size:1.5rem}.auth-card .home-desc{text-align:center;color:#6b7280;margin-top:0;margin-bottom:18px}.auth-card label{color:#334155;margin-bottom:8px;font-weight:600;display:block}.auth-card input[type=email],.auth-card input[type=password]{border:1px solid var(--form-border);background:var(--form-bg);width:100%;color:var(--form-text);box-shadow:var(--form-shadow);border-radius:10px;margin-bottom:12px;padding:12px 14px;transition:border-color .14s,box-shadow .14s,background .14s,color .14s}.input-auth{border:1px solid var(--form-border);background:var(--form-bg);width:100%;color:var(--form-text);box-shadow:var(--form-shadow);border-radius:10px;padding:12px 14px;transition:border-color .14s,box-shadow .14s,background .14s,color .14s}.input-auth:hover{border-color:var(--form-hover-border)}.auth-card input::placeholder{color:var(--form-placeholder)}.auth-card input:focus{border-color:var(--form-focus-border);box-shadow:var(--form-focus-shadow);outline:none}.input-auth::placeholder{color:var(--form-placeholder)}.input-auth:focus{border-color:var(--form-focus-border);box-shadow:var(--form-focus-shadow);outline:none}.auth-card .form-row{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;display:flex}.btn-primary.w-full{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);color:var(--color-white);background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;width:100%;font-weight:700;box-shadow:0 12px 30px #2563eb24}.btn-primary.w-full:hover{transform:translateY(-1px)}.auth-card a{color:#2563eb;text-decoration:none}.auth-card+.footer{margin-top:30px}.hero{padding-block:calc(var(--spacing)*12)}.hero-subtitle{margin-inline:auto;margin-bottom:calc(var(--spacing)*6);max-width:var(--container-2xl);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-gray-600)}.cta-group{margin-bottom:calc(var(--spacing)*12);justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.features .session-actions .btn,.features .session-actions .btn-danger{text-align:center;width:100%;display:inline-block}.features{margin-inline:auto;margin-bottom:calc(var(--spacing)*12);max-width:var(--container-4xl);gap:calc(var(--spacing)*6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.features{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white);padding:calc(var(--spacing)*6);text-align:center;box-shadow:0 10px 30px #0f172a14}.feature-icon{margin-inline:auto;margin-bottom:calc(var(--spacing)*4);height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);color:var(--color-blue-600)}.feature-title{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.feature-desc{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-600)}.small-muted{margin-bottom:calc(var(--spacing)*8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-500)}.topbar-loader{pointer-events:none;opacity:0;z-index:9999;height:3px;transition:opacity .2s;position:fixed;top:0;left:0;right:0}.topbar-loader--visible{opacity:1}.topbar-loader__bar{height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .22s;box-shadow:0 2px 8px #3b82f626}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}.sidebar-panel::-webkit-scrollbar{width:calc(var(--scrollbar-width) - 2px)}.layout-main::-webkit-scrollbar{width:calc(var(--scrollbar-width) - 2px)}.navbar-inner::-webkit-scrollbar{width:calc(var(--scrollbar-width) - 2px)}.icon-accent{color:var(--accent)}.sidebar-panel{background:var(--sidebar-surface);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);color:var(--sidebar-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-header{border-bottom:1px solid var(--sidebar-border)}@supports (color:color-mix(in lab,red,red)){.sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--sidebar-border)80%,transparent)}}.sidebar-link{align-items:center;gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;color:var(--sidebar-muted);transition:background .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link:hover{background:var(--sidebar-hover)}@supports (color:color-mix(in lab,red,red)){.sidebar-link:hover{background:color-mix(in srgb,var(--sidebar-hover)70%,transparent)}}.sidebar-link:hover{color:var(--sidebar-text)}@supports (color:color-mix(in lab,red,red)){.sidebar-link:hover{color:color-mix(in srgb,var(--sidebar-text)90%,var(--accent)10%)}}.sidebar-link--active{background:var(--sidebar-active-start)}@supports (color:color-mix(in lab,red,red)){.sidebar-link--active{background:color-mix(in srgb,var(--sidebar-active-start)85%,var(--sidebar-active-end)15%)}}.sidebar-link--active{color:var(--sidebar-active-text)}.sidebar-link--active:hover{background:var(--sidebar-active-start)}@supports (color:color-mix(in lab,red,red)){.sidebar-link--active:hover{background:color-mix(in srgb,var(--sidebar-active-start)90%,var(--sidebar-active-end)10%)}}.sidebar-link,.submenu-item{align-items:center;width:100%;display:flex}.submenu{padding-left:0}.sidebar-icon{color:var(--sidebar-muted)}.sidebar-link--active .sidebar-icon{color:#fff}.sidebar-link:hover .sidebar-icon{color:var(--sidebar-muted)}@supports (color:color-mix(in lab,red,red)){.sidebar-link:hover .sidebar-icon{color:color-mix(in srgb,var(--sidebar-muted)55%,var(--accent)45%)}}.sidebar-toggle{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);border-radius:var(--radius-md);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--sidebar-muted);justify-content:center;align-items:center;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.sidebar-toggle:hover{color:var(--sidebar-toggle-hover);background:0 0}.sidebar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-toggle__icon{width:1.5rem;height:1.5rem;color:inherit;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .16s;display:flex}.sidebar-toggle:hover .sidebar-toggle__icon{color:var(--sidebar-toggle-hover)}.sidebar-cta{color:var(--sidebar-text);background:var(--sidebar-ghost);border:1px solid var(--sidebar-border);box-shadow:0 8px 20px var(--sidebar-border)}@supports (color:color-mix(in lab,red,red)){.sidebar-cta{box-shadow:0 8px 20px color-mix(in srgb,var(--sidebar-border)80%,transparent)}}.sidebar-cta:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sidebar-cta:hover{background:color-mix(in srgb,var(--accent)12%,var(--sidebar-ghost))}}.sidebar-cta:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sidebar-cta:hover{border-color:color-mix(in srgb,var(--accent)25%,var(--sidebar-border))}}html[data-theme=dim]{--dim-text-strong:#e6eef8;--dim-text-muted:#e2e8f0a6;--dim-surface:#ffffff05;--dim-border:#94a3b80f;--accent:#0ea5e9;--sidebar-surface:linear-gradient(180deg,#111827f0,#111827db);--sidebar-border:#94a3b838;--sidebar-shadow:0px 6px 20px 0px #0206171a;--sidebar-text:#e2e8f0;--sidebar-muted:#cbd5e1;--sidebar-hover:var(--sidebar-surface)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-hover:color-mix(in srgb,var(--sidebar-surface)88%,var(--accent)12%)}}html[data-theme=dim]{--sidebar-ghost:#111827eb;--sidebar-toggle-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-toggle-hover:color-mix(in srgb,var(--accent)68%,var(--sidebar-muted)32%)}}html[data-theme=dim]{--sidebar-active-start:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-active-start:color-mix(in srgb,var(--accent)82%,var(--sidebar-surface)18%)}}html[data-theme=dim]{--sidebar-active-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-active-end:color-mix(in srgb,var(--accent)70%,var(--sidebar-surface)30%)}}html[data-theme=dim]{--sidebar-active-hover-start:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-active-hover-start:color-mix(in srgb,var(--accent)92%,var(--sidebar-surface)8%)}}html[data-theme=dim]{--sidebar-active-hover-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--sidebar-active-hover-end:color-mix(in srgb,var(--accent)78%,var(--sidebar-surface)22%)}}html[data-theme=dim]{--sidebar-active-text:#f8fafc;--sidebar-active-shadow:0px 8px 24px #02061724,0px 2px 8px #0ea5e90f;--sidebar-active-hover-shadow:0px 10px 28px #0206172e,0px 3px 10px #0ea5e914;--navbar-title-color:var(--dim-text-strong);--user-btn-bg:#ffffff08;--user-btn-fg:var(--dim-text-strong);--user-dropdown-bg:#111827f2;--user-dropdown-border:#94a3b81f;--user-dropdown-text:var(--dim-text-strong);--user-dropdown-shadow:0 12px 32px #00000073;--user-btn-shadow:0 10px 24px #00000059;--scrollbar-track:#ffffff05;--scrollbar-thumb:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--scrollbar-thumb:color-mix(in srgb,var(--accent)16%,var(--sidebar-surface)84%)}}html[data-theme=dim]{--scrollbar-thumb-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--scrollbar-thumb-hover:color-mix(in srgb,var(--accent)28%,var(--sidebar-surface)72%)}}html[data-theme=dim]{--scrollbar-width:10px;--form-bg:#ffffff05;--form-border:#94a3b81f;--form-hover-border:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--form-hover-border:color-mix(in srgb,var(--accent)22%,#94a3b82e 78%)}}html[data-theme=dim]{--form-text:var(--dim-text-strong);--form-placeholder:#e2e8f061;--form-shadow:inset 0 6px 18px #00000073;--form-focus-border:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim]{--form-focus-border:color-mix(in srgb,var(--accent)78%,#1d4ed8 22%)}}html[data-theme=dim]{--form-focus-shadow:0 12px 34px #0ea5e92e}html[data-theme=dim] body{color-scheme:dark;color:#e2e8f0;background:radial-gradient(circle at 10% 10%,#94a3b824,#0000 25%),radial-gradient(circle at 80% 0,#94a3b81a,#0000 30%),linear-gradient(#0f172a,#111827 60%,#0b1220)}html[data-theme=dim] .navbar-inner{background:#111827e6;border-color:#94a3b859;box-shadow:0 16px 40px #00000059}html[data-theme=dim] .brand-sub,html[data-theme=dim] .nav-link{color:#cbd5e1}html[data-theme=dim] .nav-link:hover{color:#bfdbfe;background:#3b82f624}html[data-theme=dim] .sidebar-link:hover{box-shadow:var(--sidebar-active-hover-shadow)}html[data-theme=dim] .nav-link--active{color:#e2e8f0;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);box-shadow:0 12px 26px #00000059}html[data-theme=dim] .login-btn{color:#e2e8f0;background:#1e293beb;border-color:#94a3b859;box-shadow:0 10px 22px #00000059}html[data-theme=dim] .mobile-nav-toggle{color:#e2e8f0;background:#1e293beb}html[data-theme=dim] .theme-toggle__btn{color:#e2e8f0;background:#1e293be6;border-color:#94a3b859;box-shadow:0 10px 24px #00000059}html[data-theme=dim] .theme-toggle__menu{background:#1e293bf2;border-color:#94a3b859;box-shadow:0 12px 32px #00000059}html[data-theme=dim] .theme-toggle__item{color:#e2e8f0}html[data-theme=dim] .theme-toggle__item:hover{color:#bfdbfe;background:#3b82f626}html[data-theme=dim] .theme-toggle__item.is-active{color:#e2e8f0;font-weight:700}html[data-theme=dim] .footer{background:linear-gradient(#080a1099,#05070c99);border-top-color:#94a3b824}html[data-theme=dim] .footer-inner{color:#cbd5e1}html[data-theme=dim] .footer-links{background:#11182799;border-color:#94a3b81f}html[data-theme=dim] .footer-links a{color:#e6eef8}html[data-theme=dim] .footer-meta{color:#e2e8f08c}html[data-theme=dim] .home-hero{background:linear-gradient(90deg,#94a3b80f 1px,#0000 1px) 0 0/80px 80px,linear-gradient(#94a3b80f 1px,#0000 1px) 0 0/80px 80px,radial-gradient(circle at 20% 20%,#3b82f61f,#0000 35%),radial-gradient(circle at 80% 0,#0ea5e91f,#0000 30%),linear-gradient(#0f172a,#111827 60%);box-shadow:inset 0 24px 60px #0000008c}html[data-theme=dim] .home-title{color:var(--dim-text-strong)}html[data-theme=dim] .home-desc,html[data-theme=dim] .akun-hero .akun-desc{color:var(--dim-text-muted)}html[data-theme=dim] .feature-card{border:1px solid var(--dim-border);background:linear-gradient(#ffffff08,#ffffff03);box-shadow:0 8px 30px #00000073}html[data-theme=dim] .feature-title{color:#cfe7ff}html[data-theme=dim] .feature-desc{color:var(--dim-text-muted)}html[data-theme=dim] .btn-primary{color:#fff;background:linear-gradient(135deg,#1e40af,#0ea5e9);box-shadow:0 10px 30px #0ea5e92e}html[data-theme=dim] .auth-card{background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #94a3b814;box-shadow:0 30px 80px #0000008c}html[data-theme=dim] .auth-card .home-title{color:var(--dim-text-strong)}html[data-theme=dim] .auth-card .home-desc,html[data-theme=dim] .auth-card label{color:var(--dim-text-muted)}html[data-theme=dim] .auth-card input[type=email],html[data-theme=dim] .auth-card input[type=password]{background:var(--form-bg);color:var(--form-text);border:1px solid var(--form-border);box-shadow:var(--form-shadow)}html[data-theme=dim] .auth-card input[type=email]:hover,html[data-theme=dim] .auth-card input[type=password]:hover{border-color:var(--form-hover-border);background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim] .auth-card input[type=email]:hover,html[data-theme=dim] .auth-card input[type=password]:hover{background:color-mix(in srgb,var(--form-bg)88%,#ffffff14 12%)}}html[data-theme=dim] .auth-card input[type=email]:focus,html[data-theme=dim] .auth-card input[type=password]:focus{border-color:var(--form-focus-border);box-shadow:var(--form-focus-shadow);background:var(--form-bg);outline:none}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim] .auth-card input[type=email]:focus,html[data-theme=dim] .auth-card input[type=password]:focus{background:color-mix(in srgb,var(--form-bg)84%,#ffffff1f 16%)}}html[data-theme=dim] .auth-card input::placeholder{color:var(--form-placeholder)}html[data-theme=dim] .auth-card .btn-primary.w-full{color:#fff;background:linear-gradient(135deg,#1e40af,#0ea5e9);box-shadow:0 10px 30px #0ea5e92e}html[data-theme=dark]{--dark-surface:#0b1114;--dark-surface-1:#0f1720;--dark-surface-2:#06070a;--dark-text-strong:#e6eef8;--dark-text-muted:#d6dce6a3;--dark-border:#ffffff0d;--dark-accent:#0ea5e9;--dark-accent-2:#1e3a8a;--dark-accent-ghost:#0ea5e91a;--accent:var(--dark-accent);--sidebar-surface:linear-gradient(180deg,var(--dark-surface),var(--dark-surface-1))}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-surface:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface)92%,transparent),color-mix(in srgb,var(--dark-surface-1)90%,transparent))}}html[data-theme=dark]{--sidebar-border:var(--dark-border);--sidebar-shadow:0px 6px 20px 0px #0206171f;--sidebar-text:var(--dark-text-strong);--sidebar-muted:var(--dark-text-muted);--sidebar-hover:var(--sidebar-surface)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-hover:color-mix(in srgb,var(--sidebar-surface)86%,var(--accent)14%)}}html[data-theme=dark]{--sidebar-ghost:#ffffff0a;--sidebar-toggle-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-toggle-hover:color-mix(in srgb,var(--accent)70%,var(--sidebar-muted)30%)}}html[data-theme=dark]{--sidebar-active-start:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-active-start:color-mix(in srgb,var(--accent)80%,var(--sidebar-surface)20%)}}html[data-theme=dark]{--sidebar-active-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-active-end:color-mix(in srgb,var(--accent)64%,var(--sidebar-surface)36%)}}html[data-theme=dark]{--sidebar-active-hover-start:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-active-hover-start:color-mix(in srgb,var(--accent)92%,var(--sidebar-surface)8%)}}html[data-theme=dark]{--sidebar-active-hover-end:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--sidebar-active-hover-end:color-mix(in srgb,var(--accent)78%,var(--sidebar-surface)22%)}}html[data-theme=dark]{--sidebar-active-text:#f8fbff;--sidebar-active-shadow:0px 8px 24px #02061729,0px 2px 10px #0ea5e914;--sidebar-active-hover-shadow:0px 10px 30px #02061738,0px 3px 12px #0ea5e91a;--navbar-title-color:var(--dark-text-strong);--user-btn-bg:#ffffff05;--user-btn-fg:var(--dark-text-strong);--user-dropdown-bg:linear-gradient(180deg,#ffffff03,var(--dark-surface));--user-dropdown-border:var(--dark-border);--user-dropdown-text:var(--dark-text-strong);--user-dropdown-shadow:0 12px 30px #02061773;--user-btn-shadow:0 10px 24px #00000073;--scrollbar-track:#ffffff05;--scrollbar-thumb:var(--dark-text-strong)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--scrollbar-thumb:color-mix(in srgb,var(--dark-text-strong)16%,var(--dark-surface-1)84%)}}html[data-theme=dark]{--scrollbar-thumb-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--scrollbar-thumb-hover:color-mix(in srgb,var(--accent)22%,var(--dark-surface-1)78%)}}html[data-theme=dark]{--scrollbar-width:10px;--form-bg:#ffffff05;--form-border:#ffffff0a;--form-hover-border:var(--dark-accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--form-hover-border:color-mix(in srgb,var(--dark-accent)24%,var(--form-border)76%)}}html[data-theme=dark]{--form-text:var(--dark-text-strong);--form-placeholder:var(--dark-text-strong)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--form-placeholder:color-mix(in oklch,var(--dark-text-strong)58%,var(--dark-surface-1)42%/.4)}}html[data-theme=dark]{--form-shadow:inset 0 6px 18px #0000008c;--form-focus-border:var(--dark-accent)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark]{--form-focus-border:color-mix(in srgb,var(--dark-accent)78%,var(--dark-accent-2)22%)}}html[data-theme=dark]{--form-focus-shadow:0 12px 34px #0ea5e933}.user-btn{background:var(--user-btn-bg);width:42px;height:42px;color:var(--user-btn-fg);border:1px solid var(--user-btn-bg);border-radius:9999px;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.user-btn{border:1px solid color-mix(in srgb,var(--user-btn-bg)80%,transparent)}}.user-btn{box-shadow:var(--user-btn-shadow);transition:all .16s}.user-btn:hover{color:var(--accent);background:var(--user-btn-bg)}@supports (color:color-mix(in lab,red,red)){.user-btn:hover{background:color-mix(in srgb,var(--user-btn-bg)94%,var(--accent)6%)}}.user-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.user-btn:hover{border-color:color-mix(in srgb,var(--accent)18%,var(--user-btn-bg)82%)}}.user-btn:hover{box-shadow:var(--user-btn-shadow)}html:not([data-theme=dim]):not([data-theme=dark]) .user-btn{border-color:#94a3b859}html:not([data-theme=dim]):not([data-theme=dark]) .user-btn:hover{border-color:#94a3b84d}html:not([data-theme=dim]):not([data-theme=dark]) .sidebar-link--active:hover,html:not([data-theme=dim]):not([data-theme=dark]) .submenu-item.sidebar-link--active:hover{background:linear-gradient(135deg,var(--sidebar-active-hover-start),var(--sidebar-active-hover-end));color:var(--sidebar-active-text);box-shadow:var(--sidebar-active-hover-shadow);transition:background .26s,box-shadow .26s}html:not([data-theme=dim]):not([data-theme=dark]) .sidebar-link--active:hover .sidebar-icon,html:not([data-theme=dim]):not([data-theme=dark]) .submenu-item.sidebar-link--active:hover .sidebar-icon{color:var(--sidebar-active-text)}.user-dropdown{background:var(--user-dropdown-bg);color:var(--user-dropdown-text);border:1px solid var(--user-dropdown-border);box-shadow:var(--user-dropdown-shadow)}.user-dropdown a:hover{background:var(--user-dropdown-bg)}@supports (color:color-mix(in lab,red,red)){.user-dropdown a:hover{background:color-mix(in srgb,var(--user-dropdown-bg)88%,var(--accent)12%)}}.user-dropdown .logout-btn{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.95rem;transition:background .16s,color .16s;display:block}.user-dropdown .logout-btn:hover{background:var(--user-dropdown-bg)}@supports (color:color-mix(in lab,red,red)){.user-dropdown .logout-btn:hover{background:color-mix(in srgb,var(--user-dropdown-bg)88%,var(--accent)12%)}}.user-dropdown .logout-btn:hover{color:var(--user-dropdown-text)}html[data-theme=dim] .user-dropdown .logout-btn:hover{background:var(--user-dropdown-bg)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim] .user-dropdown .logout-btn:hover{background:color-mix(in srgb,var(--user-dropdown-bg)88%,var(--accent)12%)}}html[data-theme=dim] .user-dropdown .logout-btn:hover{color:var(--user-dropdown-text)}html[data-theme=dark] .user-dropdown .logout-btn:hover{background:var(--dark-surface-1)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .user-dropdown .logout-btn:hover{background:color-mix(in srgb,var(--dark-surface-1)86%,var(--accent)14%)}}html[data-theme=dark] .user-dropdown .logout-btn:hover{color:var(--user-dropdown-text)}html[data-theme=dark] .user-dropdown{background:var(--dark-surface-1)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .user-dropdown{background:color-mix(in srgb,var(--dark-surface-1)92%,var(--dark-surface)8%)}}html[data-theme=dark] .user-dropdown{color:var(--user-dropdown-text);border:1px solid var(--dark-border)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .user-dropdown{border:1px solid color-mix(in srgb,var(--dark-border)70%,var(--dark-surface-1)30%)}}html[data-theme=dark] .user-dropdown{box-shadow:0 14px 40px #0000008c}html[data-theme=dark] .user-dropdown a{color:var(--user-dropdown-text)}html[data-theme=dark] .user-dropdown a:hover{background:var(--dark-surface-1)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .user-dropdown a:hover{background:color-mix(in srgb,var(--dark-surface-1)86%,var(--accent)14%)}}html[data-theme=dark] .user-dropdown a:hover{color:var(--user-dropdown-text)}html[data-theme=dark] body{color-scheme:dark;color:var(--dark-text-strong);background:radial-gradient(circle at 6% 10%,var(--dark-surface-1),transparent 30%),linear-gradient(180deg,var(--dark-surface)0%,var(--dark-surface-1)48%,var(--dark-surface-2)100%)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] body{background:radial-gradient(circle at 6% 10%,color-mix(in oklch,var(--dark-surface-1)12%,oklch(32% 0 0) 0%),transparent 30%),linear-gradient(180deg,var(--dark-surface)0%,var(--dark-surface-1)48%,var(--dark-surface-2)100%)}}html[data-theme=dark] .navbar-inner{background:linear-gradient(180deg,#ffffff05,#ffffff03),var(--dark-surface-1);border-color:var(--dark-border);box-shadow:0 10px 30px #02061773}html[data-theme=dark] .brand-sub{color:#e2e8f0b8}html[data-theme=dark] .nav-link{color:#e2e8f0c7}html[data-theme=dark] .nav-link:hover{color:var(--dark-text-strong);background:#0ea5e90f}html[data-theme=dark] .sidebar-link:hover{box-shadow:var(--sidebar-active-hover-shadow)}html[data-theme=dark] .nav-link--active{color:var(--dark-text-strong);background:linear-gradient(135deg,var(--dark-accent),var(--dark-accent-2));box-shadow:0 10px 24px #02061773}html[data-theme=dark] .login-btn{color:var(--dark-text-strong);border-color:var(--dark-border);background:linear-gradient(#0ea5e90f,#0ea5e90a);box-shadow:0 8px 20px #02061773}html[data-theme=dark] .mobile-nav-toggle{color:var(--dark-text-strong);background:#ffffff05}html[data-theme=dark] .theme-toggle__btn{color:var(--dark-text-strong);border-color:var(--dark-border);background:#ffffff05;box-shadow:0 10px 24px #02061766}html[data-theme=dark] .theme-toggle__menu{background:linear-gradient(180deg,#ffffff03,#ffffff02),var(--dark-surface);border-color:var(--dark-border);box-shadow:0 12px 30px #02061773}html[data-theme=dark] .theme-toggle__item{color:var(--dark-text-strong)}html[data-theme=dark] .theme-toggle__item:hover{color:var(--dark-text-strong);background:#0ea5e914}html[data-theme=dark] .theme-toggle__item.is-active{color:var(--dark-text-strong);font-weight:700}html[data-theme=dark] .footer{background:linear-gradient(180deg,var(--dark-surface-2),var(--dark-surface));border-top-color:#ffffff05}html[data-theme=dark] .footer-inner{color:var(--dark-text-muted)}html[data-theme=dark] .footer-links{background:#ffffff05;border-color:#ffffff08}html[data-theme=dark] .footer-links a,html[data-theme=dark] .footer-meta{color:var(--dark-text-strong)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .footer-meta{color:color-mix(in oklch,var(--dark-text-strong)64%,var(--dark-surface-1)36%/.54)}}html[data-theme=dark] .home-hero{background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(180deg,#ffffff05 1px,transparent 1px),radial-gradient(circle at 20% 20%,#0ea5e90f,transparent 35%),radial-gradient(circle at 80% 0%,#3b82f60a,transparent 30%),linear-gradient(180deg,var(--dark-surface-1),var(--dark-surface-2));background-size:80px 80px,80px 80px,auto,auto,auto;border-radius:32px;box-shadow:inset 0 12px 36px #0206176b}html[data-theme=dark] .home-title{color:var(--dark-text-strong)}html[data-theme=dark] .home-desc,html[data-theme=dark] .session-meta,html[data-theme=dark] .akun-hero .akun-desc{color:var(--dark-text-muted)}html[data-theme=dark] .feature-card{color:var(--dark-text-strong);background:#ffffff05;border:1px solid #ffffff08;box-shadow:0 10px 28px #0206176b}html[data-theme=dark] .feature-title{color:#dbeafe}html[data-theme=dark] .feature-desc{color:var(--dark-text-muted)}html[data-theme=dark] .btn-primary{background:linear-gradient(135deg,var(--dark-accent),var(--dark-accent-2))}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .btn-primary{background:linear-gradient(135deg,var(--dark-accent),color-mix(in srgb,var(--dark-accent-2)60%,#0000))}}html[data-theme=dark] .btn-primary{color:#fff;box-shadow:0 8px 22px #02061761}html[data-theme=dark] .auth-card{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff08;box-shadow:0 24px 60px #02061799}html[data-theme=dark] .auth-card .home-title{color:var(--dark-text-strong)}html[data-theme=dark] .auth-card .home-desc,html[data-theme=dark] .auth-card label{color:var(--dark-text-muted)}html[data-theme=dark] .auth-card input[type=email],html[data-theme=dark] .auth-card input[type=password]{background:var(--form-bg);color:var(--form-text);border:1px solid var(--form-border);box-shadow:var(--form-shadow)}html[data-theme=dark] .auth-card input[type=email]:hover,html[data-theme=dark] .auth-card input[type=password]:hover{border-color:var(--form-hover-border);background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .auth-card input[type=email]:hover,html[data-theme=dark] .auth-card input[type=password]:hover{background:color-mix(in srgb,var(--form-bg)86%,#ffffff0f 14%)}}html[data-theme=dark] .auth-card input[type=email]:focus,html[data-theme=dark] .auth-card input[type=password]:focus{border-color:var(--form-focus-border);box-shadow:var(--form-focus-shadow);background:var(--form-bg);outline:none}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .auth-card input[type=email]:focus,html[data-theme=dark] .auth-card input[type=password]:focus{background:color-mix(in srgb,var(--form-bg)82%,#ffffff1a 18%)}}html[data-theme=dark] .auth-card input::placeholder{color:var(--form-placeholder)}html[data-theme=dark] .auth-card .btn-primary.w-full{background:linear-gradient(135deg,var(--dark-accent),var(--dark-accent-2))}.admin-datatable-card{background:var(--form-bg);border:1px solid var(--form-border);box-shadow:0 6px 24px var(--form-border);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.admin-datatable-card{box-shadow:0 6px 24px color-mix(in srgb,var(--form-border)8%,transparent)}}.admin-datatable-card:hover{box-shadow:0 12px 32px var(--form-border)}@supports (color:color-mix(in lab,red,red)){.admin-datatable-card:hover{box-shadow:0 12px 32px color-mix(in srgb,var(--form-border)12%,transparent)}}.admin-table{border-collapse:collapse;width:100%;color:var(--form-text);font-size:.875rem}.admin-table th,.admin-table td{text-align:left;padding:12px 16px}.admin-table th{background:var(--form-bg);font-weight:600}@supports (color:color-mix(in lab,red,red)){.admin-table th{background:color-mix(in srgb,var(--form-bg)96%,var(--accent)4%)}}.admin-table th{color:var(--form-text)}.admin-table tbody tr{border-bottom:1px solid var(--form-border)}.admin-table tbody tr:hover{background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){.admin-table tbody tr:hover{background:color-mix(in srgb,var(--form-bg)94%,var(--accent)6%)}}.admin-search{max-width:400px;margin-bottom:16px}.admin-search__input{width:100%}.admin-aksi-sel{text-align:center;vertical-align:middle}.admin-aksi{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.pelabuhan-header,.jadwal-header,.tarif-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tarif-subjudul{color:var(--form-text);margin:0;font-size:1.125rem;font-weight:600}.tarif-deskripsi{margin-top:4px}.tarif-kolom-aksi{width:160px}.tarif-sel-kosong{padding:12px 16px}.tarif-form{flex-direction:column;gap:18px;display:flex}.tarif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tarif-span-penuh{grid-column:1/-1}.tarif-peringatan{border:1px solid var(--form-border);background:var(--form-bg);color:var(--form-text);border-left:4px solid var(--form-focus-border);border-radius:12px;padding:12px 14px}@media(max-width:720px){.tarif-grid{grid-template-columns:1fr}}.tarif-actions{justify-content:flex-end;gap:10px;display:flex}.jadwal-subjudul{color:var(--form-text);margin:0;font-size:1.125rem;font-weight:600}.jadwal-deskripsi{margin-top:4px}.jadwal-kolom-aksi{width:160px}.jadwal-sel-kosong{padding:12px 16px}.jadwal-form{flex-direction:column;gap:18px;display:flex}.jadwal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.jadwal-span-penuh{grid-column:1/-1}.jadwal-peringatan{border:1px solid var(--form-border);background:var(--form-bg);color:var(--form-text);border-left:4px solid var(--form-focus-border);border-radius:12px;padding:12px 14px}.jadwal-peringatan-pencarian{width:100%;max-width:none;margin-bottom:12px}.jadwal-peringatan-judul{color:var(--form-text);margin:0;font-size:.95rem;font-weight:600}.jadwal-peringatan-teks{color:var(--form-text);opacity:.92;margin-top:6px;margin-bottom:0;font-size:.9rem}.jadwal-peringatan-daftar{color:var(--form-text);opacity:.92;margin-top:8px;margin-bottom:0;padding-left:18px;font-size:.9rem}.jadwal-kelompok-baris{background:0 0}.jadwal-kelompok-sel{color:var(--form-text);background:var(--form-bg);padding:10px 16px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.jadwal-kelompok-sel{background:color-mix(in srgb,var(--form-bg)92%,var(--accent)8%)}}.jadwal-kelompok-sel{border-top:1px solid var(--form-border)}@media(max-width:720px){.jadwal-grid{grid-template-columns:1fr}}.jadwal-actions{justify-content:flex-end;gap:10px;display:flex}.jadwal-kosong{border:1px solid var(--form-border);background:var(--form-bg);color:var(--form-text);border-radius:12px;padding:12px 14px}.pelabuhan-subjudul{color:var(--form-text);margin:0;font-size:1.125rem;font-weight:600}.pelabuhan-deskripsi{margin-top:4px}.pelabuhan-kolom-aksi{width:144px}.pelabuhan-sel-kosong{padding:12px 16px}.tarif-kelompok-row td{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.tarif-kelompok-row td{background:color-mix(in srgb,var(--accent)10%,var(--form-bg))}}.tarif-kelompok-row td{color:var(--form-text);letter-spacing:.01em;padding:10px 16px;font-weight:700}.tarif-kelompok-label{align-items:center;gap:8px;display:inline-flex}.tarif-kolom-jadwal-kosong{color:var(--form-placeholder)}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.status-aktif{background:#10b981}@supports (color:color-mix(in lab,red,red)){.status-badge.status-aktif{background:color-mix(in srgb,#10b981 15%,var(--form-bg))}}.status-badge.status-aktif{color:#065f46}.status-badge.status-nonaktif{background:#ef4444}@supports (color:color-mix(in lab,red,red)){.status-badge.status-nonaktif{background:color-mix(in srgb,#ef4444 15%,var(--form-bg))}}.status-badge.status-nonaktif{color:#7f1d1d}html[data-theme=dim] .status-badge.status-aktif,html[data-theme=dark] .status-badge.status-aktif{background:#10b981}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim] .status-badge.status-aktif,html[data-theme=dark] .status-badge.status-aktif{background:color-mix(in srgb,#10b981 28%,var(--form-bg))}}html[data-theme=dim] .status-badge.status-aktif,html[data-theme=dark] .status-badge.status-aktif{color:#dcfce7}html[data-theme=dim] .status-badge.status-nonaktif,html[data-theme=dark] .status-badge.status-nonaktif{background:#ef4444}@supports (color:color-mix(in lab,red,red)){html[data-theme=dim] .status-badge.status-nonaktif,html[data-theme=dark] .status-badge.status-nonaktif{background:color-mix(in srgb,#ef4444 28%,var(--form-bg))}}html[data-theme=dim] .status-badge.status-nonaktif,html[data-theme=dark] .status-badge.status-nonaktif{color:#fee2e2}.btn-small{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500}.btn.btn-small:hover{box-shadow:0 4px 12px var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn.btn-small:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent)20%,transparent)}}.btn.btn-outline.btn-small{background:var(--form-bg);color:var(--form-text);border-color:var(--form-border);justify-content:center;align-items:center;gap:8px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn.btn-outline.btn-small:hover{background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){.btn.btn-outline.btn-small:hover{background:color-mix(in srgb,var(--form-bg)90%,var(--accent)10%)}}.btn.btn-outline.btn-small:hover{border-color:var(--form-border)}@supports (color:color-mix(in lab,red,red)){.btn.btn-outline.btn-small:hover{border-color:color-mix(in srgb,var(--form-border)70%,var(--accent)30%)}}.btn.btn-outline.btn-small:hover{transform:translateY(-1px)}.btn.btn-outline.btn-small:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn.btn-outline.btn-small:focus-visible{outline:2px solid color-mix(in srgb,var(--accent)55%,transparent)}}.btn.btn-outline.btn-small:focus-visible{outline-offset:2px}.btn.btn-danger.btn-small{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ef4444);border-color:#ef44441a}.btn.btn-danger.btn-small:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-form{background:var(--form-bg);border:1px solid var(--form-border);box-shadow:0 10px 30px var(--form-border);border-radius:16px;flex-direction:column;gap:18px;padding:28px;display:flex}@supports (color:color-mix(in lab,red,red)){.admin-form{box-shadow:0 10px 30px color-mix(in srgb,var(--form-border)6%,transparent)}}.admin-form{min-width:0}.form-container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.form-header{text-align:left;margin-bottom:8px}.form-title{color:var(--form-text);margin:0 0 6px;font-size:1.25rem;font-weight:700}.form-desc{color:var(--form-placeholder);margin:0;font-size:.95rem}.form-error{background:#ef4444;padding:10px 12px}@supports (color:color-mix(in lab,red,red)){.form-error{background:color-mix(in srgb,#ef4444 12%,var(--form-bg))}}.form-error{border:1px solid #ef4444}@supports (color:color-mix(in lab,red,red)){.form-error{border:1px solid color-mix(in srgb,#ef4444 28%,var(--form-border))}}.form-error{color:var(--form-text);word-break:break-word;border-radius:8px;font-size:.875rem;line-height:1.35}.form-error__list{gap:6px;margin:0;padding-left:18px;display:grid}.form-error__item{margin:0}.modal-overlay{z-index:10000;background:#0206178c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--form-bg);border:1px solid var(--form-border);width:100%;max-width:520px;box-shadow:0 24px 60px var(--form-border);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.modal-panel{box-shadow:0 24px 60px color-mix(in srgb,var(--form-border)18%,transparent)}}.modal-panel{color:var(--form-text);padding:18px}.modal-header{gap:6px;margin-bottom:14px;display:grid}.modal-title{color:var(--form-text);margin:0;font-size:1.05rem;font-weight:800}.modal-desc{color:var(--form-text);margin:0;font-size:.9rem}@supports (color:color-mix(in lab,red,red)){.modal-desc{color:color-mix(in srgb,var(--form-text)70%,var(--form-placeholder)30%)}}.modal-desc{line-height:1.45}.modal-actions{justify-content:flex-end;gap:10px;display:flex}:scope:where([data-theme=dim],[data-theme=dim] *) .modal-overlay{background:#020617a6}:scope:where([data-theme=dim],[data-theme=dim] *) .modal-panel{border-color:var(--form-border);background:#111827}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dim],[data-theme=dim] *) .modal-panel{border-color:color-mix(in srgb,var(--form-border)55%,var(--form-text)45%)}}:scope:where([data-theme=dim],[data-theme=dim] *) .modal-panel{box-shadow:0 28px 70px #00000059}:scope:where([data-theme=dim],[data-theme=dim] *) .modal-desc{color:var(--form-text)}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dim],[data-theme=dim] *) .modal-desc{color:color-mix(in srgb,var(--form-text)82%,var(--form-placeholder)18%)}}:scope:where([data-theme=dark],[data-theme=dark] *) .modal-overlay{background:#020617b8}:scope:where([data-theme=dark],[data-theme=dark] *) .modal-panel{background:var(--dark-surface-1);border-color:var(--form-border)}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dark],[data-theme=dark] *) .modal-panel{border-color:color-mix(in srgb,var(--form-border)50%,var(--form-text)50%)}}:scope:where([data-theme=dark],[data-theme=dark] *) .modal-panel{box-shadow:0 30px 76px #00000073}:scope:where([data-theme=dark],[data-theme=dark] *) .modal-desc{color:var(--form-text)}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dark],[data-theme=dark] *) .modal-desc{color:color-mix(in srgb,var(--form-text)84%,var(--form-placeholder)16%)}}:scope:where([data-theme=dim],[data-theme=dim] *) .form-error{background:#ef4444}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dim],[data-theme=dim] *) .form-error{background:color-mix(in srgb,#ef4444 16%,var(--form-bg))}}:scope:where([data-theme=dim],[data-theme=dim] *) .form-error{border-color:#ef4444}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dim],[data-theme=dim] *) .form-error{border-color:color-mix(in srgb,#ef4444 34%,var(--form-border))}}:scope:where([data-theme=dark],[data-theme=dark] *) .form-error{background:#ef4444}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dark],[data-theme=dark] *) .form-error{background:color-mix(in srgb,#ef4444 18%,var(--form-bg))}}:scope:where([data-theme=dark],[data-theme=dark] *) .form-error{border-color:#ef4444}@supports (color:color-mix(in lab,red,red)){:scope:where([data-theme=dark],[data-theme=dark] *) .form-error{border-color:color-mix(in srgb,#ef4444 38%,var(--form-border))}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--form-text);font-weight:600}.form-input,.form-select{border:1px solid var(--form-border);background:var(--form-bg);width:100%;color:var(--form-text);border-radius:6px;padding:8px 12px;font-size:.875rem}.form-input::placeholder,.form-select option{color:var(--form-placeholder)}.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--form-placeholder)50%),linear-gradient(135deg,var(--form-placeholder)50%,transparent 50%);background-position:calc(100% - 14px) calc(1em + 2px),calc(100% - 9px) calc(1em + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px;transition:border-color .16s,box-shadow .16s,background .16s}.form-select::-ms-expand{display:none}.form-select:focus{border-color:var(--form-focus-border);box-shadow:0 8px 24px var(--form-focus-shadow)}html[data-theme=dim] .form-select,html[data-theme=dark] .form-select,html[data-theme=dim] .form-select option,html[data-theme=dark] .form-select option{background:var(--form-bg);color:var(--form-text)}.form-select:focus{background-image:linear-gradient(45deg,transparent 50%,var(--form-placeholder)50%),linear-gradient(135deg,var(--form-placeholder)50%,transparent 50%)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.col-span-2{grid-column:1/-1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.col-span-2{grid-column:auto}.btn-minimal{min-width:0;padding:10px 12px}}.form-actions{justify-content:flex-end;gap:18px;margin-top:24px;display:flex}.btn-minimal{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-width:110px;padding:10px 16px;font-size:.95rem;font-weight:600}.btn-minimal--primary{background:linear-gradient(135deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.btn-minimal--primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)80%,#0b1f4a 20%))}}.btn-minimal--primary{color:#fff;border-color:#0000}.btn-minimal--outline{background:var(--form-bg);color:var(--form-text);border-color:var(--form-border)}.btn-minimal--primary:hover{filter:brightness(.98)}.btn-minimal--outline:hover{background:var(--form-bg)}@supports (color:color-mix(in lab,red,red)){.btn-minimal--outline:hover{background:color-mix(in srgb,var(--form-bg)92%,var(--accent)8%)}}.form-input:focus,.form-select:focus{border-color:var(--form-focus-border);box-shadow:0 6px 20px var(--form-focus-shadow);outline:none}.form-select{background:var(--form-bg);color:var(--form-text);border:1px solid var(--form-border);appearance:none;border-radius:10px;padding:10px 12px}.form-select optgroup{color:var(--form-text);background:var(--form-bg);font-weight:700}@supports (color:color-mix(in lab,red,red)){.form-select optgroup{background:color-mix(in srgb,var(--form-bg)88%,var(--accent)12%)}}.form-select optgroup option{background:var(--form-bg);color:var(--form-text);font-weight:500}.form-select option{background:var(--form-bg);color:var(--form-text)}html:not([data-theme=dim]):not([data-theme=dark]) .form-select,html:not([data-theme=dim]):not([data-theme=dark]) .form-select option{background:var(--form-bg);color:var(--form-text);border-color:var(--form-border)}html[data-theme=dim] .form-select option,html[data-theme=dim] .form-select optgroup,html[data-theme=dim] .form-select optgroup option{color:#e6eef8;background:#0f1c2b}html[data-theme=dark] .form-select option,html[data-theme=dark] .form-select optgroup,html[data-theme=dark] .form-select optgroup option{color:#e6eef8;background:#0c1423}.form-select::-webkit-calendar-picker-indicator{filter:none}.form-select::-webkit-clear-button{filter:none}.modal-info-item{gap:4px;margin-bottom:12px;display:grid}.modal-info-label{color:var(--form-text);font-size:.85rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.modal-info-label{color:color-mix(in srgb,var(--form-text)70%,var(--form-placeholder)30%)}}.modal-info-label{text-transform:uppercase;letter-spacing:.5px;margin:0}.modal-info-value{color:var(--form-text);word-break:break-word;margin:0;font-size:.95rem}.modal-info-list{margin:0 0 16px;padding:0;list-style:none}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}