/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Instrument Sans", 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-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--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-400:oklch(70.7% .022 261.325);--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;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.-ml-px{margin-left:-1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow-sm{--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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;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}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[program\:nginx\]{program:nginx}.\[program\:spak-default\]{program:spak-default}.\[program\:spak-high\]{program:spak-high}.\[program\:spak-low\]{program:spak-low}.\[program\:spak-scheduler\]{program:spak-scheduler}.\[program\:vite-dev\]{program:vite-dev}.\[rpcinterface\:supervisor\]{rpcinterface:supervisor}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}}:root{--aurora-a:#4f7cff;--aurora-b:#7c6dff;--aurora-c:#9b5cff;--page-bg:#e2e6f6;--glass-bg:#ffffff8c;--glass-border:#fffc;--glass-shadow:0 14px 16px #1a1c4d1a;--glass-blur:11px;--text:#1b1d33;--muted:#5b5e7a;--card-bg:#ffffff9e;--card-bg-2:#ffffff6b;--card-border:#fffc;--surface-1:#ffffffc7;--surface-2:#ffffff80;--control-bg:#fff9;--control-bg-strong:#fffc;--control-border:#2a2a4a1f;--track-off:#2a2a4a2e;--overlay-bg:#0f0c2866;--primary:#4f7cff;--primary-2:#9b5cff;--primary-rgb:79, 124, 255;--primary-2-rgb:155, 92, 255;--primary-gradient:linear-gradient(135deg, var(--aurora-a) 0%, var(--aurora-c) 100%);--primary-glow:#4f7cff59;--danger:#dc2626;--danger-rgb:220, 38, 38;--success:#16a34a;--success-rgb:22, 163, 74;--warning:#d97706;--warning-rgb:217, 119, 6;--info:#2563eb;--info-rgb:37, 99, 235;--neutral:#64748b;--neutral-rgb:100, 116, 139;--violet:#6d28d9;--violet-rgb:109, 40, 217;--teal:#0f766e;--teal-rgb:15, 118, 110;--kal-lewat:#dc2626;--kal-lewat-rgb:220, 38, 38;--ring:#4f7cff59;--radius:18px;--radius-sm:12px;--radius-lg:28px;--nav-height:calc(76px + env(safe-area-inset-bottom,0px));--btn-shadow-color:var(--primary-glow);--btn-gloss-top:#ffffff8c;--btn-gloss-bottom:#fff0}@media (prefers-color-scheme:dark){:root{--aurora-a:#5b84ff;--aurora-b:#8c6dff;--aurora-c:#a06cff;--page-bg:#0a0a18;--glass-bg:#ffffff12;--glass-border:#ffffff29;--glass-shadow:0 14px 16px #00000059;--glass-blur:11px;--text:#fff;--muted:#a8abc9;--card-bg:#ffffff17;--card-bg-2:#ffffff0a;--card-border:#ffffff29;--surface-1:#18162ca8;--surface-2:#18162c6b;--control-bg:#ffffff0f;--control-bg-strong:#ffffff1a;--control-border:#ffffff24;--track-off:#fff3;--overlay-bg:#0000008c;--primary:#5b84ff;--primary-2:#a06cff;--primary-rgb:91, 132, 255;--primary-glow:#5b84ff73;--ring:#5b84ff6b;--violet:#b39dff;--violet-rgb:179, 157, 255;--teal:#2dd4bf;--teal-rgb:45, 212, 191;--kal-lewat:#fca5a5;--kal-lewat-rgb:252, 165, 165;--btn-gloss-top:#ffffff2e;--btn-gloss-bottom:#fff0}}html[data-theme=dark]{--aurora-a:#5b84ff;--aurora-b:#8c6dff;--aurora-c:#a06cff;--page-bg:#0a0a18;--glass-bg:#ffffff12;--glass-border:#ffffff29;--glass-shadow:0 14px 16px #00000059;--glass-blur:11px;--text:#fff;--muted:#a8abc9;--card-bg:#ffffff17;--card-bg-2:#ffffff0a;--card-border:#ffffff29;--surface-1:#18162ca8;--surface-2:#18162c6b;--control-bg:#ffffff0f;--control-bg-strong:#ffffff1a;--control-border:#ffffff24;--track-off:#fff3;--overlay-bg:#0000008c;--primary:#5b84ff;--primary-2:#a06cff;--primary-rgb:91, 132, 255;--primary-glow:#5b84ff73;--ring:#5b84ff6b;--violet:#b39dff;--violet-rgb:179, 157, 255;--teal:#2dd4bf;--teal-rgb:45, 212, 191;--kal-lewat:#fca5a5;--kal-lewat-rgb:252, 165, 165;--btn-gloss-top:#ffffff2e;--btn-gloss-bottom:#fff0}html[data-theme=light]{--aurora-a:#4f7cff;--aurora-b:#7c6dff;--aurora-c:#9b5cff;--page-bg:#e2e6f6;--glass-bg:#ffffff8c;--glass-border:#fffc;--glass-shadow:0 14px 16px #1a1c4d1a;--glass-blur:11px;--text:#1b1d33;--muted:#5b5e7a;--card-bg:#ffffff9e;--card-bg-2:#ffffff6b;--card-border:#fffc;--surface-1:#ffffffc7;--surface-2:#ffffff80;--control-bg:#fff9;--control-bg-strong:#fffc;--control-border:#2a2a4a1f;--track-off:#2a2a4a2e;--overlay-bg:#0f0c2866;--primary:#4f7cff;--primary-2:#9b5cff;--primary-rgb:79, 124, 255;--primary-glow:#4f7cff59;--ring:#4f7cff59;--violet:#6d28d9;--violet-rgb:109, 40, 217;--teal:#0f766e;--teal-rgb:15, 118, 110;--kal-lewat:#dc2626;--kal-lewat-rgb:220, 38, 38;--btn-gloss-top:#ffffff8c;--btn-gloss-bottom:#fff0}*{box-sizing:border-box}.glass-bg{background:linear-gradient(180deg, var(--surface-2), var(--surface-1));position:absolute;inset:0}.glass-backdrop{min-height:100vh;color:var(--text);position:relative;overflow:hidden}.glass-backdrop__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(900px at 10% 10%,#4f7cff40,#0000 40%),radial-gradient(800px at 90% 20%,#9b5cff33,#0000 40%),radial-gradient(700px at 40% 90%,#7c6dff29,#0000 45%),#ffffff1a;position:absolute;inset:0}.glass-backdrop__content{z-index:1;position:relative}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%)}.glass-page{isolation:isolate;min-height:100vh;color:var(--text);background:var(--page-bg);transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.glass-page:before{content:"";z-index:-1;background:radial-gradient(38% 32% at 18% 18%, var(--aurora-a) 0%, transparent 70%), radial-gradient(42% 38% at 82% 12%, var(--aurora-c) 0%, transparent 70%), radial-gradient(46% 42% at 50% 92%, var(--aurora-b) 0%, transparent 70%);filter:blur(70px)saturate(160%);opacity:.55;pointer-events:none;animation:22s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-15%}@keyframes aurora-drift{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(2%,-3%)rotate(6deg)scale(1.05)}to{transform:translate(-3%,2%)rotate(-4deg)scale(1)}}@media (prefers-reduced-motion:reduce){.glass-page:before{animation:none}}.glass-container{z-index:1;width:100%;max-width:420px;margin-inline:auto;padding:16px;position:relative}@media (width>=640px){.glass-container{max-width:560px;padding:20px}}.glass-card{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);flex-direction:column;gap:10px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}@media (hover:hover) and (pointer:fine){.glass-card:hover{transform:translateY(-2px)}}.auth-shell .glass-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);border-width:1.5px;box-shadow:0 30px 60px #1a1c4d2e}@media (prefers-color-scheme:dark){.auth-shell .glass-card{box-shadow:0 30px 60px #00000073}}html[data-theme=dark] .auth-shell .glass-card{box-shadow:0 30px 60px #00000073}html[data-theme=light] .auth-shell .glass-card{box-shadow:0 30px 60px #1a1c4d2e}.glass-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.glass-title{letter-spacing:-.01em;font-size:15.5px;font-weight:700;line-height:1.25}.glass-subtitle{color:var(--muted);font-size:13px;line-height:1.3}.glass-meta{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:inline-flex}.theme-toggle{border:1px solid var(--glass-border);background:linear-gradient(180deg, var(--surface-2), var(--surface-1));cursor:pointer;width:58px;height:32px;color:var(--text);isolation:isolate;-webkit-backdrop-filter:blur(var(--glass-blur)) url(#lg-toggle) saturate(150%);backdrop-filter:blur(var(--glass-blur)) url(#lg-toggle) saturate(150%);border-radius:999px;align-items:center;padding:3px;transition:background-color .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #0000001f,inset 0 -1px #ffffff40}.theme-toggle__thumb{background:var(--primary-gradient);color:#fff;width:24px;height:24px;box-shadow:0 4px 10px var(--primary-glow), inset 0 1px 0 #fff6;border-radius:999px;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:absolute;top:3px;left:3px;transform:translate(0)}html[data-theme=dark] .theme-toggle .theme-toggle__thumb{transform:translate(26px)}.theme-toggle__thumb svg{width:14px;height:14px}.theme-toggle [data-theme-icon=dark],html[data-theme=dark] .theme-toggle [data-theme-icon=light]{display:none}html[data-theme=dark] .theme-toggle [data-theme-icon=dark]{display:inline}.icon-btn{background:var(--control-bg);border:1px solid var(--control-border);width:38px;height:38px;color:var(--text);cursor:pointer;box-shadow:inset 0 1px 0 var(--btn-gloss-top), 0 1px 1px #14122e1a, 0 8px 16px -8px #14122e4d;border-radius:12px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s;display:inline-flex;position:relative}.icon-btn:active,.icon-btn.is-pressed{transform:translateY(1px)scale(.97);box-shadow:inset 0 2px 4px #00000029}.icon-btn svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--control-bg-strong);border-color:var(--primary)}.icon-btn--aksi:hover,.icon-btn--edit:hover,.icon-btn--view:hover{background:var(--primary);border-color:var(--primary);color:#fff}.icon-btn--delete:hover{background:var(--danger);border-color:var(--danger);color:#fff}}.icon-btn--aksi:active,.icon-btn--aksi.is-pressed,.icon-btn--edit:active,.icon-btn--edit.is-pressed,.icon-btn--view:active,.icon-btn--view.is-pressed{background:var(--primary);border-color:var(--primary);color:#fff}.icon-btn--delete:active,.icon-btn--delete.is-pressed{background:var(--danger);border-color:var(--danger);color:#fff}.icon-btn--glass{isolation:isolate;-webkit-backdrop-filter:blur(10px)url(#lg-icon-btn)saturate(150%);backdrop-filter:blur(10px)url(#lg-icon-btn)saturate(150%)}.btn{isolation:isolate;appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:52px;box-shadow:inset 0 1px 0 var(--btn-gloss-top), inset 0 -2px 4px #00000014, 0 1px 1px #14122e1f, 0 10px 24px -4px var(--btn-shadow-color);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:650;line-height:1;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s,filter .15s,background-color .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(180deg, var(--btn-gloss-top), var(--btn-gloss-bottom));opacity:.7;pointer-events:none;position:absolute;inset:0 0 55%}@media (hover:hover) and (pointer:fine){.btn:hover{filter:brightness(1.03);transform:translateY(-1px)}}.btn:active,.btn.is-pressed{transform:translateY(2px)scale(.98);box-shadow:inset 0 1px #fff3,inset 0 2px 6px #0000002e,0 1px 1px #14122e1f}.btn:focus-visible{box-shadow:0 0 0 4px var(--ring), inset 0 1px 0 var(--btn-gloss-top), 0 10px 24px -4px var(--btn-shadow-color);outline:none}.btn-primary{color:#fff;background:var(--primary-gradient);--btn-shadow-color:var(--primary-glow);border-color:#ffffff40}.btn-ghost{color:var(--text);background:var(--control-bg);border-color:var(--control-border);--btn-shadow-color:#14122e29}@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background-image:linear-gradient(#00000029, #00000029), var(--primary-gradient);filter:none}.btn-danger:hover{filter:none;background-image:linear-gradient(#00000029,#00000029),linear-gradient(135deg,#dc2626,#be185d)}}.btn-danger{color:#fff;--btn-shadow-color:#dc262666;background:linear-gradient(135deg,#dc2626,#be185d);border-color:#ffffff40}.btn-sm{border-radius:11px;min-height:0;padding:7px 10px;font-size:12.5px}.alert{border-radius:var(--radius);border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.alert svg{flex:none;width:18px;height:18px;margin-top:2px}.alert-title{font-size:13.5px;font-weight:750;line-height:1.2}.alert-text{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35}.alert-success{border-color:#16a34a59}.alert-success .alert-title{color:var(--success)}.alert-warning{border-color:#d9770659}.alert-warning .alert-title{color:var(--warning)}.alert-danger{border-color:#dc262659}.alert-danger .alert-title{color:var(--danger)}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.label{color:var(--muted);font-size:13px;font-weight:650}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);width:100%;min-height:50px;color:var(--text);padding:12px 16px;font-size:14px;transition:box-shadow .12s,border-color .12s,background-color .12s;box-shadow:inset 0 1px 3px #0000000f}.textarea{resize:vertical;min-height:100px}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.7}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);outline:none}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235b5e7a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:42px}@media (prefers-color-scheme:dark){.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23a8abc9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}html[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23a8abc9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=light] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%235b5e7a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.btn:disabled,.icon-btn:disabled,.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2)}.btn:disabled:hover,.btn:disabled:active{filter:grayscale(.2);transform:none}.form-actions{gap:12px;display:flex}@media (width<=360px){.form-actions{flex-direction:column}.btn{width:100%}}.h1{letter-spacing:-.02em;background:var(--primary-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1.2}.h2{letter-spacing:-.01em;background:var(--primary-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800;line-height:1.25}.lead{color:var(--muted);font-size:14px;line-height:1.5}.stack{flex-direction:column;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.btn,.icon-btn,.glass-card,.theme-toggle__thumb{transition:none}.overlay,.dialog__panel{animation:none}}.overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;position:fixed;inset:0}.dialog__panel{background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2))}.dialog{z-index:60;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.overlay{animation:.18s overlay-fade-in}.dialog__panel{animation:.22s cubic-bezier(.2,.8,.2,1) dialog-pop-in}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog__panel{border-radius:var(--radius);width:100%;max-width:420px;max-height:min(90vh,720px);padding:14px;overflow-y:auto}.dialog__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog__actions{gap:12px;margin-top:14px;display:flex}@media (width<=360px){.dialog__actions{flex-direction:column}}.drawer{z-index:70;border-right:1px solid var(--glass-border);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));width:300px;max-width:82vw;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);flex-direction:column;gap:14px;padding:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.drawer--lagi{width:340px;max-width:88vw}.drawer--lagi__close-row{justify-content:flex-end;padding-right:10px;display:flex}.drawer--lagi__body{margin-right:-10px;padding-right:10px;overflow-y:auto}.drawer--open{transform:translate(0)}.drawer__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer__body{flex-direction:column;gap:10px;padding-top:6px;display:flex}.drawer__link{justify-content:flex-start}.drawer__section{flex-direction:column;gap:10px;margin-top:8px;display:flex}.badge{border-radius:9px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-flex}.badge--danger{background:rgba(var(--danger-rgb),.18);border:1px solid rgba(var(--danger-rgb),.35);color:rgba(var(--danger-rgb),1)}.badge--primary{background:rgba(var(--primary-rgb),.18);border:1px solid rgba(var(--primary-rgb),.35);color:var(--primary)}.status-pill{white-space:nowrap;border-radius:8px;align-items:center;padding:3px 9px;font-size:11px;font-weight:650;line-height:1.4;display:inline-flex}.status-pill--todo,.status-pill--cancelled{background:rgba(var(--neutral-rgb),.16);color:var(--neutral)}.status-pill--accepted{background:rgba(var(--info-rgb),.16);color:var(--info)}.status-pill--in-progress{background:rgba(var(--primary-rgb),.16);color:var(--primary)}.status-pill--blocked{background:rgba(var(--danger-rgb),.16);color:var(--danger)}.status-pill--pending{background:rgba(var(--warning-rgb),.16);color:var(--warning)}.status-pill--in-review{background:rgba(var(--primary-2-rgb),.16);color:var(--primary-2)}.status-pill--completed{background:rgba(var(--success-rgb),.16);color:var(--success)}.status-pill--admin{background:rgba(var(--primary-rgb),.16);color:var(--primary)}.status-pill--sasaran{background:rgba(var(--violet-rgb),.16);color:var(--violet)}.status-pill--sebenar{background:rgba(var(--teal-rgb),.16);color:var(--teal)}.kakitangan-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kakitangan-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:750;overflow:hidden}.kakitangan-card__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.kakitangan-card__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kakitangan-card__kp{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.kakitangan-card__pills{align-items:center;gap:6px;display:flex}.agensi-card__top,.pegawai-agensi-card__top,.vendor-card__top,.pic-vendor-card__top,.sistem-card__top,.projek-card__top,.templat-projek-card__top,.lampiran-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.agensi-card__name,.pegawai-agensi-card__name,.vendor-card__name,.pic-vendor-card__name,.sistem-card__name,.projek-card__name,.templat-projek-card__name,.lampiran-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:750;overflow:hidden}.agensi-card__meta,.pegawai-agensi-card__meta,.vendor-card__meta,.pic-vendor-card__meta,.sistem-card__meta,.projek-card__meta,.templat-projek-card__meta,.lampiran-card__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.agensi-card__bottom,.pegawai-agensi-card__bottom,.vendor-card__bottom,.pic-vendor-card__bottom,.sistem-card__bottom,.projek-card__bottom,.templat-projek-card__bottom,.lampiran-card__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.agensi-card__actions,.pegawai-agensi-card__actions,.vendor-card__actions,.pic-vendor-card__actions,.sistem-card__actions,.projek-card__actions,.templat-projek-card__actions,.lampiran-card__actions{align-items:center;gap:6px;display:flex}.list-card--clickable{cursor:pointer}.list-card--clickable:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.list-card--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crumb-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crumb-nav__icon{width:32px;height:32px;color:var(--muted);border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.crumb-nav__icon svg{width:18px;height:18px}.crumb-nav__icon:hover{color:var(--primary);border-color:var(--control-border);background:var(--control-bg)}.crumb-nav__icon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crumb-nav__sep{color:var(--muted);flex-shrink:0}.crumb-nav__current{min-width:0;color:var(--text);font-size:15px;font-weight:650}.toolbar{align-items:center;gap:10px;display:flex}.menu{z-index:55;border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);width:80%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);margin-top:10px;padding:10px;position:absolute;left:50%;transform:translate(-50%)}.menu__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 12px;font-weight:650;transition:background-color .12s,border-color .12s}.menu__item:hover{background:var(--control-bg);border-color:var(--control-border)}.menu__item--link{align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.menu__item--link svg{flex:none;width:18px;height:18px}.menu__item--danger{color:var(--danger)}@media (hover:hover) and (pointer:fine){.menu__item--link:hover{background:var(--primary);border-color:var(--primary);color:#fff}.menu__item--danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}}.menu--solid{background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2)), var(--page-bg)}.topbar__user,.mobile-header__user{align-items:center;display:flex}.topbar__user [data-dropdown-menu],.mobile-header__user [data-dropdown-menu]{top:100%}.topbar__user-trigger,.mobile-header__user-trigger{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;display:inline-flex}.topbar__user-trigger:focus-visible,.mobile-header__user-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar__user-avatar{background:var(--primary-gradient);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.topbar__user-avatar img{object-fit:cover;width:100%;height:100%}.topbar__user-card,.mobile-header__user-card{border-bottom:1px solid var(--card-border);min-width:0;margin-bottom:4px;padding:8px 12px 10px}.topbar__user-name,.mobile-header__user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;line-height:1.2;display:block;overflow:hidden}.topbar__user-meta,.mobile-header__user-meta{color:var(--muted);font-size:11.5px}.fab{background:var(--primary-gradient);color:#fff;width:56px;height:56px;box-shadow:inset 0 1px 0 #ffffff73, inset 0 -3px 6px #0000001f, 0 12px 24px -6px var(--primary-glow), 0 4px 8px #14122e33;cursor:pointer;border:1px solid #ffffff40;border-radius:18px;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.fab:hover{transform:translateY(-2px)}}.fab:active{box-shadow:inset 0 2px 6px #00000038, 0 6px 14px -6px var(--primary-glow);transform:translateY(2px)scale(.97)}.fab svg{width:22px;height:22px}.fab-group{position:absolute;bottom:14px;right:14px}.fab-sheet{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);width:170px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);z-index:80;box-shadow:var(--glass-shadow);flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:70px;right:0}.fab-sheet__item{text-align:left;border:1px solid var(--control-border);background:var(--control-bg);width:100%;color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:750;transition:transform .12s,background-color .12s,border-color .12s}.fab-sheet__item:hover{background:var(--control-bg-strong)}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.label-icon-btn{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);cursor:pointer;box-shadow:inset 0 1px 0 var(--btn-gloss-top), 0 8px 16px -8px #14122e40;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.label-icon-btn:active{transform:translateY(1px)scale(.98)}.label-icon-btn--block{justify-content:center;width:100%;display:flex}.label-icon-btn svg{width:18px;height:18px}.progress-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.progress-block .label{margin-bottom:6px}.progress--half .progress__bar{width:50%}.tooltip{z-index:100;color:#fffffff2;opacity:0;pointer-events:none;white-space:nowrap;background:#1b1d33d9;border:1px solid #ffffff24;border-radius:12px;padding:8px 10px;font-size:12.5px;font-weight:650;transition:opacity .12s;position:fixed;transform:translate(-50%,-100%)}.search-wrap{width:100%;position:relative}.search-icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{padding-left:42px}.listview{max-height:220px;padding-right:4px;overflow:auto}.listview__item{border:1px solid var(--control-border);background:var(--control-bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.listview__title{font-size:13.5px;font-weight:800}.listview__meta{color:var(--muted);margin-top:2px;font-size:12.5px}.scrollview{overflow:auto}.scrollview__inner{gap:8px;padding-bottom:6px;display:flex}.scrollview__chip{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);border-radius:999px;padding:8px 10px;font-size:12.5px;font-weight:750}.choice-grid{grid-template-columns:1fr;gap:10px;display:grid}.choice{border:1px solid var(--control-border);background:var(--control-bg);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.choice input{opacity:0;pointer-events:none;position:absolute}.choice__box{border:2px solid var(--track-off);background:0 0;border-radius:999px;width:18px;height:18px;transition:border-color .12s;position:relative}.choice input:checked+.choice__box{border-color:var(--primary)}.choice input:checked+.choice__box:after{content:"";background:var(--primary-gradient);border-radius:999px;position:absolute;inset:3px}.choice span{font-size:13.5px;font-weight:700}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch__track{border:1px solid var(--control-border);background:var(--control-bg);border-radius:999px;width:44px;height:26px;transition:background-color .12s,border-color .12s;position:relative;box-shadow:inset 0 1px 3px #0000001a}.switch__track:after{content:"";background:var(--track-off);border-radius:999px;width:20px;height:20px;transition:left .16s cubic-bezier(.2,.8,.2,1),background-color .12s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #00000040}.switch__label{font-size:13.5px;font-weight:750}.switch input:checked+.switch__track{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.4)}.switch input:checked+.switch__track:after{background:var(--primary-gradient);left:21px}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox__box{border:1px solid var(--control-border);background:var(--control-bg);border-radius:5px;width:20px;height:20px;transition:border-color .12s,background-color .12s;position:relative}.checkbox__box:after{content:"";opacity:0;border:2px solid #fffffff2;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox input:checked+.checkbox__box{background:var(--primary-gradient);border-color:rgba(var(--primary-rgb),.4)}.checkbox input:checked+.checkbox__box:after{opacity:1}.checkbox--inline{color:var(--muted);gap:7px;font-size:12px;font-weight:600}.label-row:has(.checkbox--inline){flex-wrap:wrap;justify-content:flex-start;gap:4px 14px}.checkbox--inline>span:last-child{white-space:nowrap}.label-row:has(.checkbox--inline)>.label{white-space:nowrap}.checkbox--inline .checkbox__box{border-radius:4px;width:16px;height:16px}.checkbox--inline .checkbox__box:after{width:5px;height:8px;top:2px;left:4px}.checkbox input:disabled+.checkbox__box{opacity:.45}.checkbox:has(input:disabled){cursor:not-allowed;opacity:.6}.checkbox input:indeterminate+.checkbox__box{background:var(--primary-gradient);border-color:rgba(var(--primary-rgb),.4)}.checkbox input:indeterminate+.checkbox__box:after{opacity:1;border-width:0 0 2px;width:10px;height:0;top:50%;left:50%;transform:translate(-50%,-50%)}.progress{background:var(--control-bg);border:1px solid var(--control-border);border-radius:999px;height:12px;overflow:hidden}.progress__bar{background:var(--primary-gradient);width:0;height:100%;box-shadow:0 0 12px var(--primary-glow);transition:width .12s}.progress__meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.field-error{color:var(--danger);font-size:12.5px;font-weight:600}.field-hint{color:var(--muted);font-size:12.5px}.label-required{color:var(--danger);margin-left:2px;font-weight:700}.validation-checklist{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.validation-checklist__item{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:600;transition:color .15s;display:flex}.validation-checklist__icon{border:1.5px solid var(--control-border);background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;transition:background-color .15s,border-color .15s;display:inline-flex}.validation-checklist__icon svg{opacity:0;width:9px;height:9px;transition:opacity .15s}.validation-checklist__item--met{color:var(--success)}.validation-checklist__item--met .validation-checklist__icon{background:var(--success);border-color:var(--success)}.validation-checklist__item--met .validation-checklist__icon svg{opacity:1}.status-text{color:var(--success);font-size:13px;font-weight:650}.auth-logo{color:var(--primary);justify-content:center;margin-bottom:18px;display:flex}.auth-logo svg,.auth-logo img{width:48px;height:48px}.auth-card--mobile{gap:20px;padding:28px 24px}.auth-card-brand{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.auth-card-brand__logo{background:var(--primary-gradient);color:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:inline-flex}.auth-card-brand__logo svg{width:28px;height:28px}.auth-card-brand__logo img{object-fit:contain;width:100%;height:100%}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.glass-container.auth-shell--split{max-width:940px}.auth-shell--split .glass-card{flex-direction:row;gap:0;padding:0;overflow:hidden}.auth-shell--split .glass-card>#app{display:contents}.auth-panel-brand{background:var(--card-bg-2);border-right:1px solid var(--card-border);flex-direction:column;flex:0 0 320px;min-width:0;padding:48px 44px;display:flex}.auth-panel-form{flex-direction:column;flex:1;gap:20px;min-width:0;padding:48px 44px;display:flex}@media (width<=768px){.auth-panel-brand{display:none}.auth-panel-form{padding:32px 24px}}.auth-panel-brand__brand{align-items:center;gap:12px;display:flex}.auth-panel-brand__logo{background:var(--primary-gradient);color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:inline-flex}.auth-panel-brand__logo img{object-fit:contain;width:100%;height:100%}.auth-panel-brand__title{font-size:16px;font-weight:800;line-height:1.2}.auth-panel-brand__subtitle{color:var(--muted);font-size:12.5px}.auth-panel-brand__headline{letter-spacing:-.01em;margin-top:auto;font-size:24px;font-weight:800}.auth-panel-brand__tagline{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.5}.auth-checklist{flex-direction:column;gap:12px;margin-top:24px;display:flex}.auth-checklist__item{align-items:center;gap:10px;font-size:13.5px;font-weight:650;display:flex}.auth-checklist__icon{background:var(--primary-gradient);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.auth-checklist__icon svg{width:11px;height:11px}.auth-back-link{color:var(--primary);align-items:center;gap:6px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.auth-back-link svg{width:14px;height:14px}.auth-divider{color:var(--muted);align-items:center;gap:12px;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--control-border);flex:1;height:1px}.input-group{position:relative}.input-group .input{padding-right:44px}.input-group__addon{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-group__addon:hover{color:var(--text)}.input-group__addon svg{width:18px;height:18px}.input-group__addon--shifted{right:44px}.input-group__status{background:var(--success);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-group__status svg{width:11px;height:11px}.input-group--has-status .input{padding-right:76px}.input-group--money .input{text-align:right;padding-left:40px;padding-right:12px}.input-group__prefix{color:var(--muted);pointer-events:none;font-size:13px;font-weight:650;position:absolute;top:50%;left:14px;transform:translateY(-50%)}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0;display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0;display:none!important}.show-mobile{display:inline-flex}.hide-mobile{display:none}@media (width>=640px){.show-mobile{display:none}.hide-mobile{display:inline-flex}}.menu--anchor-right{width:220px;left:auto;right:0;transform:none}.link{color:var(--primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:650;text-decoration:underline}[data-dropdown]{position:relative}[data-dropdown-menu]{display:none}[data-dropdown].is-open [data-dropdown-menu]{display:block}[data-drawer-overlay]{display:none}[data-drawer-overlay].is-open{display:block}[data-modal]{z-index:60;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}[data-modal].is-open{display:flex}.app-shell{align-items:stretch;min-height:100vh;display:flex}.sidebar{isolation:isolate;background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));width:256px;height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);flex-direction:column;flex:none;gap:4px;padding:20px 16px;transition:width .22s cubic-bezier(.2,.8,.2,1),padding .22s cubic-bezier(.2,.8,.2,1);display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:inset -1px 0 #ffffff24,6px 0 24px -12px #14122e24}.sidebar__collapse-toggle{background:var(--control-bg-strong);border:1px solid var(--control-border);width:28px;height:28px;color:var(--text);cursor:pointer;z-index:5;border-radius:999px;justify-content:center;align-items:center;transition:background-color .12s,transform .12s;display:inline-flex;position:absolute;top:18px;right:10px;box-shadow:0 4px 10px #14122e2e}.sidebar__collapse-toggle svg{width:14px;height:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}@media (hover:hover) and (pointer:fine){.sidebar__collapse-toggle:hover{background:var(--control-bg)}}.sidebar__collapse-toggle:active{transform:scale(.92)}.sidebar__brand{color:var(--text);align-items:center;gap:10px;padding:6px 8px 18px;text-decoration:none;display:flex}.sidebar__brand-logo{background:var(--primary-gradient);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.sidebar__brand-logo svg{width:22px;height:22px}.sidebar__brand-logo img{object-fit:contain;width:100%;height:100%}.sidebar__brand-title{font-size:15px;font-weight:800;line-height:1.2}.sidebar__brand-subtitle{color:var(--muted);font-size:11.5px}.sidebar__section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:14px 8px 6px;font-size:11px;font-weight:750}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__nav-item{color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:650;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.sidebar__nav-item svg{flex:none;width:18px;height:18px}@media (hover:hover) and (pointer:fine){.sidebar__nav-item:hover{background:var(--control-bg)}.sidebar__nav-item--active:hover{color:var(--text)}}.sidebar__nav-item--active{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 16px -8px var(--primary-glow)}.sidebar__nav-item--disabled{color:var(--muted);opacity:.55;cursor:not-allowed;pointer-events:none}.sidebar__nav-badge{margin-left:auto}.lagi-user__avatar img,.mobile-header__avatar img,.avatar-upload__preview img{object-fit:cover;width:100%;height:100%}.avatar-upload{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.avatar-upload__preview{background:var(--primary-gradient);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex;overflow:hidden}.avatar-upload__initials{font-size:28px;font-weight:800}html[data-sidebar=collapsed] .sidebar__collapse-toggle{top:74px;left:50%;right:auto;transform:translate(-50%)}html[data-sidebar=collapsed] .sidebar__collapse-toggle:active{transform:translate(-50%)scale(.92)}html[data-sidebar=collapsed] .sidebar__collapse-toggle svg{transform:rotate(180deg)}html[data-sidebar=collapsed] .sidebar{width:84px;padding:20px 12px}html[data-sidebar=collapsed] .sidebar__brand{justify-content:center;padding:6px 0 18px}html[data-sidebar=collapsed] .sidebar__brand>span:not(.sidebar__brand-logo),html[data-sidebar=collapsed] .sidebar__section-label,html[data-sidebar=collapsed] .sidebar__nav-item span,html[data-sidebar=collapsed] .sidebar__nav-badge{display:none}html[data-sidebar=collapsed] .sidebar__nav-item{justify-content:center;padding:10px}.app-main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:40;isolation:isolate;background:linear-gradient(180deg, var(--card-bg) 0%, transparent 100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff24}.topbar__search{flex:1;max-width:360px}.topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar__hamburger{display:none}.app-main{flex:1;padding:0 24px 24px}.app-footer{text-align:center;color:var(--muted);isolation:isolate;background:linear-gradient(0deg, var(--card-bg-2), transparent);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:16px 24px;font-size:12px;box-shadow:inset 0 1px #ffffff24}@media (width<=1024px){.sidebar{display:none}.topbar__hamburger{display:inline-flex}.topbar__search{display:none}}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dashboard-columns{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}.stat-card{flex-direction:column;gap:10px;padding:18px;display:flex}.stat-card__icon{background:rgba(var(--primary-rgb),.16);width:36px;height:36px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.stat-card__icon svg{width:18px;height:18px}.stat-card__value{letter-spacing:-.01em;font-size:26px;font-weight:800}.stat-card__label{color:var(--muted);font-size:12.5px;font-weight:650}.stat-card__trend{color:var(--muted);font-size:11.5px}.stat-card--tab{font:inherit;text-align:left;cursor:pointer;border:none;width:100%}.stat-card--tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stat-card--active{background:var(--primary-gradient);box-shadow:0 8px 16px -8px var(--primary-glow)}.stat-card--active .stat-card__icon{color:#fff;background:#ffffff38}.stat-card--active .stat-card__value,.stat-card--active .stat-card__label{color:#fff}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 16px;display:flex}.empty-state svg{opacity:.6;width:28px;height:28px}.empty-state__text{font-size:13px;font-weight:600}.mobile-shell{z-index:1;width:100%;max-width:560px;padding:20px 16px calc(var(--nav-height) + 24px);margin-inline:auto;position:relative}.bottom-nav{z-index:60;height:var(--nav-height);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(0deg, var(--card-bg), var(--card-bg-2));border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px -12px #14122e24}.bottom-nav__item{color:var(--muted);text-align:center;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px 0;font-size:11px;font-weight:650;text-decoration:none;transition:color .12s;display:flex}.bottom-nav__item svg{width:22px;height:22px}.bottom-nav__item--active{color:var(--primary)}.bottom-nav__item--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.mobile-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mobile-header__greeting{min-width:0}.mobile-header__greeting-sub{color:var(--muted);font-size:13px}.mobile-header__greeting-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.mobile-header__actions{flex:none;align-items:center;gap:10px;display:flex}.mobile-header__avatar{background:var(--primary-gradient);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:inline-flex;overflow:hidden}.lagi-user{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);color:var(--text);align-items:center;gap:14px;margin-bottom:24px;padding:16px;text-decoration:none;display:flex}.lagi-user__avatar{background:var(--primary-gradient);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:inline-flex;overflow:hidden}.lagi-user__name{font-size:15px;font-weight:750;line-height:1.2}.lagi-user__meta{color:var(--muted);font-size:12.5px}.lagi-section{margin-bottom:24px}.lagi-section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:0 4px 8px;font-size:11px;font-weight:750}.lagi-list{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);overflow:hidden}.lagi-item{color:var(--text);align-items:center;gap:14px;padding:13px 14px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.lagi-item+.lagi-item{border-top:1px solid var(--card-border)}.lagi-item__icon{background:rgba(var(--primary-rgb),.16);width:34px;height:34px;color:var(--primary);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lagi-item__icon svg{width:18px;height:18px}.lagi-item__label{flex:1;min-width:0}.lagi-item__chevron{width:18px;height:18px;color:var(--muted);flex:none}.lagi-item--disabled{color:var(--muted);opacity:.55;cursor:not-allowed;pointer-events:none}.lagi-item--active{background:rgba(var(--primary-rgb), .12);color:var(--primary)}.lagi-item--active .lagi-item__icon{background:var(--primary-gradient);color:#fff}.lagi-item--active .lagi-item__chevron{color:var(--primary)}.lagi-logout{border-radius:var(--radius);background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));border:1px solid var(--card-border);color:var(--danger);cursor:pointer;width:100%;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);align-items:center;gap:14px;margin-bottom:16px;padding:13px 14px;font-size:14px;font-weight:650;display:flex}.lagi-logout svg{flex:none;width:18px;height:18px}.lagi-footer{text-align:center;color:var(--muted);padding-bottom:8px;font-size:12px}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-name:mobile-page-out}::view-transition-new(root){animation-name:mobile-page-in}@keyframes mobile-page-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobile-page-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.99)}}}.tab-bar{border-bottom:1px solid var(--glass-border);gap:4px;margin-bottom:4px;display:flex}.tab-bar__item{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 4px;font-size:13.5px;font-weight:650;transition:color .12s,border-color .12s}.tab-bar__item+.tab-bar__item{margin-left:18px}.tab-bar__item:hover{color:var(--text)}.tab-bar__item--active{color:var(--primary);border-bottom-color:var(--primary)}.tab-bar__item--icon{justify-content:center;align-items:center;padding:8px 4px;display:flex}.tab-bar__item--icon svg{width:20px;height:20px}.tab-bar:has(.tab-bar__item--icon){gap:0}.tab-bar:has(.tab-bar__item--icon) .tab-bar__item{flex:1 1 0;min-width:0}.tab-bar:has(.tab-bar__item--icon) .tab-bar__item+.tab-bar__item{margin-left:0}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-bar .field{flex:160px;min-width:160px}.sort-toggle{gap:6px;display:inline-flex}.sort-toggle__btn{border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--control-bg);height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:650;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.sort-toggle__btn:hover{background:var(--control-bg-strong);color:var(--text)}.sort-toggle__btn--active{background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.4);color:var(--primary)}.sort-toggle__arrow{font-size:12px;line-height:1}@media (width<=767px){.sort-toggle{width:100%;display:flex}.sort-toggle__btn{flex:1 1 0;justify-content:center}}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:650}.data-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:10px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:rgba(var(--primary-rgb),.05)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.data-table__empty{text-align:center;color:var(--muted);padding:28px 12px!important}.pagination{justify-content:center;align-items:center;gap:14px;padding-top:4px;display:flex}.pagination__info{color:var(--muted);font-size:12.5px}.detail-list{gap:10px;display:grid}.detail-list>div{grid-template-columns:140px 1fr;gap:10px;font-size:13.5px;display:grid}.detail-list dt{color:var(--muted);font-weight:650}.detail-list dd{word-break:break-word;margin:0}@media (width<=480px){.detail-list>div{grid-template-columns:1fr;gap:2px}}.fasa-row{cursor:pointer;align-items:center;gap:10px;padding:14px 16px;display:flex}.fasa-row:hover{background:rgba(var(--primary-rgb),.04)}.fasa-senarai .fasa-susun-move{transition:transform .32s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.fasa-senarai .fasa-susun-move{transition:none}}.fasa-row__badge{background:rgba(var(--primary-rgb),.14);width:26px;height:26px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.fasa-row__nama{font-size:14.5px;font-weight:700}.fasa-row__meta{color:var(--muted);margin-top:2px;font-size:12.5px}.fasa-row__chevron{color:var(--muted);flex-shrink:0;transition:transform .15s}.fasa-row__chevron--open{transform:rotate(90deg)}.fasa-items{border-top:1px solid var(--border);padding:4px 16px 14px 52px}.fasa-item-row{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.fasa-item-row:last-of-type{border-bottom:none}.fasa-item-row--clickable{cursor:pointer;border-radius:8px;margin:0 -8px;padding:8px}.fasa-item-row--clickable:hover{background:rgba(var(--primary-rgb),.05)}.fasa-item-row--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.lesen-kumpulan__meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;display:flex}.lesen-kumpulan__isi:has(>.table-wrap){padding-left:16px}.lesen-kumpulan__jadual{table-layout:fixed;min-width:760px}.lesen-kumpulan__jadual td{overflow-wrap:anywhere}.lesen-import__kumpulan{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.lesen-import__kepala{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lesen-import__kepala>.checkbox{flex:1}.lesen-import__kepala>:last-child{flex:none}.lesen-import__item{padding-left:30px}.tarikh-lengkap--sasaran{color:var(--violet)}.tarikh-lengkap--sebenar{color:var(--teal)}.tarikh-lengkap--lewat{color:var(--kal-lewat)}.templat-master{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.templat-master{grid-template-columns:1fr}}.templat-master__item{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;width:100%;margin-bottom:10px;padding:14px 16px;display:block}.templat-master__item--active{border-color:var(--primary);background:rgba(var(--primary-rgb),.06)}.templat-master__item-nama{font-size:14.5px;font-weight:750}.templat-master__item-meta{color:var(--muted);margin-top:4px;font-size:12px}.chip-picker{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.chip{background:rgba(var(--primary-rgb),.12);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12.5px;font-weight:650;display:inline-flex}.chip button{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.chip button svg{width:12px;height:12px}.gantt{--gantt-label-w:240px;--gantt-fasa-h:34px;--gantt-item-h:28px;overflow:auto hidden}.gantt__grid{grid-template-columns:var(--gantt-label-w) minmax(var(--gantt-plot-min,520px), 1fr);align-items:stretch;min-width:100%;display:grid;position:relative}.gantt__label{z-index:2;background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px dashed var(--border);align-items:center;gap:10px;min-width:0;padding:0 12px;font-size:13px;display:flex;position:sticky;left:0}.gantt--label-runtuh{--gantt-label-w:0px}.gantt--label-normal{--gantt-label-w:240px}.gantt--label-lebar{--gantt-label-w:420px}.gantt--label-runtuh .gantt__label{border:none;padding:0;overflow:hidden}.gantt__label--fasa{font-size:13.5px;font-weight:700}.gantt__label--tajuk{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.gantt__label--item{color:var(--muted);padding-left:26px}.gantt__label__nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gantt__label__tarikh{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:600}.gantt-eksport{display:none}.gantt--eksport .gantt__label__nama{text-overflow:clip;white-space:normal;flex:0 auto;line-height:1.25;overflow:visible}.gantt--eksport .gantt__label{flex-wrap:wrap;row-gap:0}.gantt--eksport .gantt__row--fasa{height:auto;min-height:var(--gantt-fasa-h)}.gantt--eksport .gantt__row--item{height:auto;min-height:var(--gantt-item-h)}.gantt--eksport.gantt--label-lebar{--gantt-label-w:480px}.gantt__siap{color:var(--success);flex-shrink:0;display:inline-flex}.gantt__siap svg{width:14px;height:14px}.gantt__track{border-bottom:1px dashed var(--border);border-left:1px solid var(--border);position:relative}.gantt__row--fasa{height:var(--gantt-fasa-h)}.gantt__row--item{height:var(--gantt-item-h)}.gantt__head{z-index:3;background:var(--card-bg);border-bottom:1px solid var(--border);position:sticky;left:0}.gantt__cols{border-bottom:1px solid var(--border);border-left:1px solid var(--border);display:flex}.gantt__col{color:var(--muted);border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0;padding:6px 0 6px 6px;font-size:11.5px;font-weight:650;overflow:hidden}.gantt__col:last-child{border-right:none}.gantt__lines{pointer-events:none;display:flex;position:absolute;inset:0}.gantt__line{border-right:1px solid var(--border);flex-shrink:0}.gantt__line:last-child{border-right:none}.gantt__bar{cursor:default;border-radius:999px;transition:filter .12s;position:absolute}.gantt__bar:hover{filter:brightness(1.08)saturate(1.1)}.gantt__bar--sasaran{background:var(--violet)}.gantt__bar--sebenar,.gantt__bar--eksport-sebenar{background:var(--teal)}.gantt__bar--eksport-sasaran{background:var(--neutral)}.gantt__row--fasa .gantt__bar{height:10px}.gantt__row--fasa .gantt__bar--sasaran{top:5px}.gantt__row--fasa .gantt__bar--sebenar{top:19px}.gantt__row--item .gantt__bar{height:7px}.gantt__row--item .gantt__bar--sasaran{top:5px}.gantt__row--item .gantt__bar--sebenar{top:16px}.gantt__bar--potong-kiri{border-top-left-radius:2px;border-bottom-left-radius:2px}.gantt__bar--potong-kanan{border-top-right-radius:2px;border-bottom-right-radius:2px}.gantt__bar--boleh-ubah{cursor:pointer}.gantt__bar--boleh-ubah:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.gantt__today,.gantt__penanda{pointer-events:none;z-index:1;grid-area:auto/2/auto/3;position:absolute;inset:0}.gantt__today__garis{border-left:1.5px solid var(--danger);width:0;position:absolute;top:0;bottom:0}.gantt__today__label{color:var(--danger);white-space:nowrap;font-size:10.5px;font-weight:700;position:absolute;bottom:-2px;transform:translate(-50%)}.gantt__penanda__garis{border-left:1.5px dashed var(--warning);width:0;position:absolute;top:0;bottom:0}.gantt__penanda__label{background:var(--page-bg);color:var(--warning);white-space:nowrap;pointer-events:auto;cursor:default;z-index:2;border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:700;position:absolute;top:3px}.gantt__penanda__label--kanan{transform:translate(3px)}.gantt__penanda__label--kiri{transform:translate(calc(-100% - 3px))}.gantt-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gantt-toolbar__julat{color:var(--text);white-space:nowrap;font-size:13px;font-weight:650}.gantt-toolbar__tindakan{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=767px){.gantt-toolbar__tindakan{width:100%;margin-left:0}.gantt-toolbar__tindakan .btn{flex:auto}}.dialog__panel:has(.gantt-tapis-borang){flex-direction:column;display:flex;overflow:hidden}.dialog__panel:has(.gantt-tapis-borang)>div:last-child{flex-direction:column;min-height:0;display:flex}.gantt-tapis-borang{flex:auto;min-height:0}.gantt-tapis{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.gantt-tapis__fasa+.gantt-tapis__fasa{border-top:1px dashed var(--border);padding-top:10px}.gantt-tapis__item{flex-direction:column;gap:6px;margin:6px 0 0 30px;display:flex}.gantt-tip{z-index:100;pointer-events:none;background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));max-width:260px;padding:8px 10px;position:fixed}.gantt-tip__nama{font-size:12.5px;font-weight:700}.gantt-tip__julat{color:var(--muted);margin-top:2px;font-size:11.5px}.gantt-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11.5px;display:flex}.gantt-legend__item{align-items:center;gap:5px;display:inline-flex}.gantt-legend__swatch{border-radius:999px;flex-shrink:0;width:14px;height:7px}.gantt-legend__swatch--sasaran{background:var(--violet)}.gantt-legend__swatch--sebenar,.gantt-legend__swatch--eksport-sebenar{background:var(--teal)}.gantt-legend__swatch--eksport-sasaran{background:var(--neutral)}.gantt-legend__swatch--fasa{background:var(--muted);height:10px}.gantt-legend__swatch--item{background:var(--muted);width:11px;height:6px}.gantt-penuh{z-index:70;background:var(--page-bg);flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;inset:0}.gantt-penuh__bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.gantt-penuh__tajuk{min-width:0;font-size:14px;font-weight:700}.gantt-penuh__petua{border-radius:var(--radius-sm);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.24);color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:12px;display:flex}.gantt-penuh__petua svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.gantt-penuh__isi{flex:1;overflow:auto}body.gantt-penuh-buka{overflow:hidden}body.gantt-penuh-buka .bottom-nav{display:none!important}@media (width<=767px){.gantt{--gantt-label-w:150px}.gantt--label-runtuh{--gantt-label-w:0px}.gantt--label-normal{--gantt-label-w:150px}.gantt--label-lebar{--gantt-label-w:260px}.gantt__label{padding:0 8px}.gantt__label--item{padding-left:16px}}.kalendar-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kalendar-stepper{align-items:center;gap:4px;display:flex}.kalendar-toolbar__tempoh{color:var(--text);align-items:baseline;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.kalendar-toolbar__kiraan{color:var(--muted);font-size:12px;font-weight:600}.kalendar-toolbar__tindakan{margin-left:auto}.kalendar-tapis{z-index:5;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start;gap:12px;display:grid;position:relative;overflow:visible}.kalendar-tapis-butang.is-aktif{border-color:var(--primary);color:var(--primary)}.kalendar-tapis-butang__kiraan{background:var(--primary);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.pilih-banyak{position:relative}.pilih-banyak__butang{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.pilih-banyak__teks{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pilih-banyak__butang svg{flex:none;transition:transform .15s}.pilih-banyak.is-open .pilih-banyak__butang svg{transform:rotate(180deg)}.pilih-banyak__menu{z-index:30;flex-direction:column;gap:2px;min-width:240px;max-height:300px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.pilih-banyak__menu.glass-card,.pilih-banyak__pilihan--semua{background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2)), var(--page-bg)}.pilih-banyak__pilihan{cursor:pointer;border-radius:8px;align-items:flex-start;padding:7px 8px;font-size:13px}.pilih-banyak__pilihan:hover{background:rgba(var(--primary-rgb),.06)}.pilih-banyak__pilihan--semua{z-index:1;border-bottom:1px solid var(--control-border);border-radius:8px 8px 0 0;font-weight:600;position:sticky;top:-6px}.pilih-banyak__pilihan .checkbox__box{flex:none}.pilih-banyak__nama{flex-direction:column;min-width:0;display:flex}.kalendar-tapis__tindakan{grid-column:1/-1;justify-content:flex-end;display:flex}.kalendar-nota{color:var(--muted);margin:0;font-size:12px;font-weight:600}.kalendar{--kalendar-sel-h:116px;flex-direction:column;gap:6px;display:flex}.kalendar--minggu{--kalendar-sel-h:240px}.kalendar__kepala,.kalendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.kalendar__kepala-sel{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:4px 0;font-size:11px;font-weight:700}.kalendar__sel{min-height:var(--kalendar-sel-h);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);flex-direction:column;gap:4px;padding:6px;display:flex}.kalendar__sel--hujung{background:var(--surface-2)}.kalendar__sel--luar{opacity:.55}.kalendar__sel--hari-ini{border-color:rgba(var(--primary-rgb), .55);box-shadow:0 0 0 1px rgba(var(--primary-rgb), .35) inset;background:rgba(var(--primary-rgb), .08)}.kalendar__sel-kepala{align-items:baseline;gap:4px;display:flex}.kalendar__hari{color:var(--text);font-size:12px;font-weight:700}.kalendar__sel--hari-ini .kalendar__hari{color:var(--primary)}.kalendar__hari-bulan{color:var(--muted);font-size:10px;font-weight:600}.kalendar__pin-senarai{flex-direction:column;gap:3px;min-height:0;display:flex}.kalendar__pin{border-left:3px solid var(--violet);background:rgba(var(--violet-rgb), .1);color:var(--violet);cursor:pointer;border-radius:6px;align-items:baseline;gap:4px;padding:2px 6px;font-size:11px;line-height:1.45;text-decoration:none;display:flex}.kalendar__pin:hover{background:rgba(var(--violet-rgb), .2)}.kalendar__pin:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.kalendar__pin-sisi{opacity:.8;flex:none;font-weight:700}.kalendar__pin-nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kalendar__pin--item{font-weight:550}.kalendar__pin--sst{border-left-color:var(--warning);background:rgba(var(--warning-rgb), .12);color:var(--warning);font-weight:700}.kalendar__pin--selesai{border-left-color:var(--neutral);background:rgba(var(--neutral-rgb), .12);color:var(--muted)}.kalendar__pin--selesai:hover{background:rgba(var(--neutral-rgb), .2)}.kalendar__pin--lewat{border-left-color:var(--kal-lewat);background:rgba(var(--kal-lewat-rgb), .14);color:var(--kal-lewat)}.kalendar__pin--lewat:hover{background:rgba(var(--kal-lewat-rgb), .26)}.kalendar__lagi{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-self:flex-start;padding:1px 4px;font-size:11px;font-weight:700}.kalendar__lagi:hover{background:var(--control-bg-strong);color:var(--text)}.kalendar-agenda{flex-direction:column;gap:6px;display:flex}.kalendar-agenda__baris{border-radius:var(--radius-sm);border-left:3px solid var(--violet);background:rgba(var(--violet-rgb), .08);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.kalendar-agenda__baris:hover{background:rgba(var(--violet-rgb), .16)}.kalendar-agenda__baris:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.kalendar-agenda__baris.kalendar__pin--lewat{border-left-color:var(--kal-lewat);background:rgba(var(--kal-lewat-rgb), .12);color:var(--text)}.kalendar-agenda__baris.kalendar__pin--selesai{border-left-color:var(--neutral);background:rgba(var(--neutral-rgb), .1);color:var(--muted)}.kalendar-agenda__sisi{text-transform:uppercase;letter-spacing:.03em;width:52px;color:var(--violet);flex:none;font-size:11px;font-weight:750}.kalendar-agenda__baris.kalendar__pin--lewat .kalendar-agenda__sisi{color:var(--kal-lewat)}.kalendar-agenda__baris.kalendar__pin--selesai .kalendar-agenda__sisi{color:var(--muted)}.kalendar-agenda__baris.kalendar__pin--sst{border-left-color:var(--warning);background:rgba(var(--warning-rgb), .08)}.kalendar-agenda__baris.kalendar__pin--sst .kalendar-agenda__sisi{width:auto;min-width:52px;color:var(--warning)}.kalendar-agenda__nama{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.kalendar-m__mod{display:flex}.kalendar-m__mod .sort-toggle__btn{flex:1;justify-content:center}.kalendar-m__toolbar{align-items:center;gap:8px;display:flex}.kalendar-m__tempoh{min-width:0;color:var(--text);flex-direction:column;flex:auto;gap:2px;font-size:15px;font-weight:700;line-height:1.25;display:flex}.kalendar-m__butang{flex:none;align-items:center;gap:4px;display:flex}.kalendar-m__badan{touch-action:pan-y}.kalendar-m__baris{min-height:44px}.kalendar-m-bulan__kepala,.kalendar-m-bulan__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.kalendar-m-bulan__kepala{color:var(--muted);text-align:center;margin-bottom:4px;font-size:11px;font-weight:700}.kalendar-m-bulan__sel{height:46px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.kalendar-m-bulan__sel:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.kalendar-m-bulan__sel--luar{opacity:.45}.kalendar-m-bulan__sel--hari-ini{border-color:var(--primary)}.kalendar-m-bulan__sel--hari-ini .kalendar-m-bulan__hari{color:var(--primary)}.kalendar-m-bulan__sel--pilih{background:var(--primary);border-color:var(--primary)}.kalendar-m-bulan__sel--pilih .kalendar-m-bulan__hari{color:#fff}.kalendar-m-bulan__hari{font-size:14px;font-weight:650;line-height:1}.kalendar-m-bulan__titik{align-items:center;gap:3px;height:6px;display:flex}.kalendar-m-bulan__lebih{color:var(--muted);font-size:10px;font-weight:800;line-height:1}.kalendar-m-bulan__sel--pilih .kalendar-m-bulan__lebih{color:#fff}.kalendar-m-titik{background:var(--violet);border-radius:50%;width:6px;height:6px}.kalendar-m-titik--sst{background:var(--warning)}.kalendar-m-titik--lewat{background:var(--kal-lewat)}.kalendar-m-titik--selesai{background:var(--neutral)}.kalendar-m-bulan__sel--pilih .kalendar-m-titik{box-shadow:0 0 0 1.5px #ffffffe6}.kalendar-m__hari-terpilih{border-top:1px solid var(--control-border);padding-top:12px}.kalendar-m__tajuk-hari{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:700}.kalendar-m-minggu{flex-direction:column;display:flex}.kalendar-m-minggu__hari{border-bottom:1px solid var(--control-border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.kalendar-m-minggu__hari:last-child{border-bottom:none}.kalendar-m-minggu__hari--kosong{align-items:center;padding:6px 0}.kalendar-m-minggu__label{flex-direction:column;flex:none;align-items:center;width:40px;display:flex}.kalendar-m-minggu__nama{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.kalendar-m-minggu__tarikh{color:var(--text);font-size:18px;font-weight:750;line-height:1.2}.kalendar-m-minggu__hari--hari-ini .kalendar-m-minggu__nama,.kalendar-m-minggu__hari--hari-ini .kalendar-m-minggu__tarikh{color:var(--primary)}.kalendar-m-minggu__kosong{color:var(--muted)}.pilih-banyak--sebaris .pilih-banyak__menu{min-width:0;max-height:240px;margin-top:6px;position:static}@media (width<=1023px){.kalendar{--kalendar-sel-h:96px}.kalendar--minggu{--kalendar-sel-h:200px}.kalendar__sel{padding:4px}.kalendar__pin{padding:2px 4px;font-size:10.5px}}@media (width<=767px){.kalendar-toolbar__tindakan{margin-left:0}.kalendar-toolbar__tempoh{width:100%}}@media print{@page{size:A4 landscape;margin:10mm}:root,html[data-theme=dark],html[data-theme=light]{--page-bg:#fff;--text:#1b1d33;--muted:#5b5e7a;--card-bg:#fff;--card-bg-2:#fff;--surface-1:#fff;--surface-2:#fff;--glass-bg:#fff;--glass-border:#c9cbe0;--border:#c9cbe0;--card-border:#c9cbe0;--glass-shadow:none;--glass-blur:0px;--violet:#5b21b6;--teal:#0f766e;--neutral:#64748b;--danger:#b91c1c;--success:#15803d}html,body{color:var(--text)!important;background:#fff!important}.mobile-shell,.app-shell,.app-main,.page-wrap{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}main{width:auto!important;max-width:none!important}.sidebar,.topbar,.bottom-nav,.app-footer,footer,.tab-bar,.glass-bg,.drawer,.drawer-overlay,.gantt-cetak-sembunyi,.gantt-tip,.pagination,.cetak-sembunyi,.crumb-nav{display:none!important}.glass-page:before,.glass-backdrop__overlay,.glass-page{background:#fff!important}.glass-page:before{content:none!important;display:none!important}.gantt-skrin{display:none!important}.gantt-eksport{display:block!important}.gantt-eksport__legenda{color:var(--muted);align-items:center;gap:14px;margin-top:10px;font-size:11px;display:flex}.gantt{width:auto!important;overflow:visible!important}.gantt__grid{grid-template-columns:var(--gantt-label-w) 1fr!important;min-width:0!important}.gantt__label,.gantt__head{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;position:static!important}.glass-card{box-shadow:none!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.gantt__bar,.gantt-legend__swatch,.gantt__today__garis,.gantt__penanda__garis,.gantt__label__no,.gantt-legend__swatch--eksport-sebenar,.gantt-legend__swatch--eksport-sasaran{-webkit-print-color-adjust:exact;print-color-adjust:exact}.gantt__label,.gantt__track{break-inside:avoid}.gantt-penuh{padding:0!important;position:static!important}.gantt-penuh__isi{overflow:visible!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pilihan-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px 14px;padding-top:6px;display:grid}.pilihan-grid .checkbox{align-items:flex-start}.pilihan-grid .checkbox__box{flex:none;margin-top:1px}.pilihan-cip{flex-wrap:wrap;gap:6px;display:flex}.penerima-notifikasi{border-radius:var(--radius-sm);border:1px solid var(--control-border);align-items:flex-start;width:100%;padding:8px 10px}.penerima-notifikasi .checkbox__box{flex:none;margin-top:2px}.penerima-notifikasi--mati{opacity:.55;cursor:not-allowed}.penerima-notifikasi__isi{flex-direction:column;gap:4px;min-width:0;display:flex}.penerima-notifikasi__nama{color:var(--text);font-weight:650}.penerima-notifikasi__peranan{color:var(--muted);font-weight:500}.penerima-notifikasi__meta{color:var(--muted);word-break:break-all;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.loceng{position:relative}.loceng__kiraan{background:var(--kal-lewat);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:750;line-height:18px;position:absolute;top:-5px;right:-5px}.loceng .loceng__menu{width:340px;max-width:calc(100vw - 32px);padding:8px;top:100%}.loceng__kepala{border-bottom:1px solid var(--control-border);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 8px;font-weight:700;display:flex}.loceng__senarai{flex-direction:column;gap:2px;max-height:380px;padding:6px 0;display:flex;overflow-y:auto}.loceng__kosong{text-align:center;color:var(--muted);padding:18px 8px;font-size:13px}.notifikasi-item{width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.notifikasi-item:hover{background:var(--control-bg);border-color:var(--control-border)}.notifikasi-item:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.notifikasi-item__tajuk{font-size:13px;font-weight:700}.notifikasi-item__mesej{color:var(--muted);font-size:12.5px;line-height:1.45}.notifikasi-item__masa{color:var(--muted);font-size:11px}.notifikasi-item--baru .notifikasi-item__tajuk:before{content:"";background:var(--primary);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.loceng__kaki{border-top:1px solid var(--control-border);text-align:center;padding:10px 6px 4px;font-size:13px;font-weight:650;display:block}.notifikasi-senarai{flex-direction:column;gap:8px;display:flex}.notifikasi-senarai .notifikasi-item{border-color:var(--control-border);background:var(--control-bg)}@media (width<=767px){.loceng .loceng__menu{top:calc(env(safe-area-inset-top,0px) + 76px);width:auto;max-width:none;margin-top:0;position:fixed;left:16px;right:16px;transform:none}}.tapisan-m__baris{align-items:center;gap:10px;display:flex}.tapisan-m__ringkasan{text-align:center;min-width:0;color:var(--muted);flex:1;font-size:12.5px;line-height:1.4}.tapisan-m__pengimbang{flex:none;width:38px}.tapisan-m__semula{flex:none;width:38px;height:38px}.tapisan-m__semula svg{width:14px;height:14px}.tapisan-modal{flex-direction:column;align-items:center;gap:18px;padding:6px 4px 2px;display:flex}.tapisan-modal__kumpulan{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.tapisan-modal__label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.tapisan-modal__pilihan{justify-content:center;gap:8px;display:flex}.tapisan-modal__kumpulan--kiri{align-items:flex-start}.tapisan-modal__kumpulan--kiri .tapisan-modal__pilihan{justify-content:flex-start}.tapisan-modal__btn{border:1px solid var(--control-border);background:var(--control-bg);width:46px;height:46px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.tapisan-modal__btn svg{width:20px;height:20px}.tapisan-modal__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tapisan-modal__btn--aktif{background:rgba(var(--primary-rgb), .14);border-color:rgba(var(--primary-rgb), .45);color:var(--primary)}.tapisan-modal__nilai{color:var(--text);font-size:12.5px;font-weight:650}.tapisan-modal__tarikh{grid-template-columns:minmax(0,150px) auto minmax(0,150px);justify-content:center;align-items:center;gap:4px 8px;width:100%;display:grid}.tapisan-modal__tarikh-label{color:var(--muted);text-align:center;font-size:11px}.tapisan-modal__input{text-align:center;width:100%;height:36px;padding:0 8px;font-size:13px}.tapisan-modal__sengkang{color:var(--muted);line-height:1}.tapisan-modal__tindakan{justify-content:center;gap:10px;width:100%;padding-top:4px;display:flex}.tapisan-modal__tindakan .btn{flex:1;max-width:150px}.notifikasi-item__baris{color:var(--text);font-size:13px;line-height:1.5}.notifikasi-item__lesen{font-weight:700}.notifikasi-item__pemisah{color:var(--muted);margin:0 6px}.nilai-notifikasi{white-space:nowrap;font-weight:750}.nilai-notifikasi--bahaya{color:var(--kal-lewat)}.nilai-notifikasi--amaran{color:var(--warning)}.nilai-notifikasi--baik{color:var(--success,#16a34a)}.nilai-notifikasi--info{color:var(--primary)}.nilai-notifikasi--neutral{color:var(--text)}.muat-lagi{text-align:center;min-height:24px;color:var(--muted);padding:6px 0 4px;font-size:12.5px}.skop-aset--gugur{opacity:.6}.md-editor{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);min-width:0;transition:border-color .15s,box-shadow .15s}.md-editor--fokus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.md-editor--seret{border-style:dashed;border-color:var(--primary)}.md-editor__toolbar{border-bottom:1px solid var(--control-border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}.md-editor__btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.md-editor__btn svg{width:17px;height:17px}.md-editor__btn:hover{background:rgba(var(--primary-rgb),.08);color:var(--text)}.md-editor__btn--aktif{background:rgba(var(--primary-rgb),.14);color:var(--primary)}.md-editor__btn-teks{font-size:14px;line-height:1}.md-editor__petunjuk{color:var(--muted);padding:0 6px;font-size:12px;font-weight:650}.md-editor__mod{border:1px solid var(--control-border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-left:4px;padding:4px 9px;font-size:12px;font-weight:650}.md-editor__mod:hover{color:var(--text);border-color:var(--primary)}.md-editor__isi{cursor:text;padding:10px 12px}.md-editor__prosemirror,.md-editor__isi .ProseMirror{min-height:inherit;outline:none}.md-editor__isi .is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);opacity:.7;float:left;pointer-events:none;height:0}.md-editor__textarea{width:100%;color:var(--text);resize:vertical;background:0 0;border:none;outline:none;padding:10px 12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.md-editor__status{color:var(--muted);padding:0 12px 8px;font-size:12px}.md-editor .selectedCell{background:rgba(var(--primary-rgb),.12)}.md-isi{color:var(--text);overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.6}.md-isi>:first-child{margin-top:0}.md-isi>:last-child{margin-bottom:0}.md-isi p{margin:0 0 .6em}.md-isi h1,.md-isi h2,.md-isi h3,.md-isi h4{margin:.9em 0 .4em;font-weight:750;line-height:1.3}.md-isi h1{font-size:1.3em}.md-isi h2{font-size:1.2em}.md-isi h3{font-size:1.08em}.md-isi h4{font-size:1em}.md-isi ul,.md-isi ol{margin:0 0 .6em;padding-left:1.4em}.md-isi ul{list-style:outside}.md-isi ol{list-style:decimal}.md-isi ul ul{list-style:circle}.md-isi li>p{margin:0}.md-isi ul[data-type=taskList]{padding-left:.2em;list-style:none}.md-isi ul:has(>li>input[type=checkbox]){padding-left:.2em;list-style:none}.md-isi li:has(>input[type=checkbox]){align-items:baseline;gap:8px;display:flex}.md-isi ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.md-isi ul[data-type=taskList] li>label{flex:none;margin-top:2px}.md-isi ul[data-type=taskList] li>div{flex:1}.md-isi a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.md-isi code{background:rgba(var(--neutral-rgb),.14);border-radius:6px;padding:.12em .35em;font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.md-isi pre{background:rgba(var(--neutral-rgb),.12);border:1px solid var(--control-border);border-radius:10px;margin:0 0 .6em;padding:10px 12px;overflow-x:auto}.md-isi pre code{background:0 0;padding:0;font-size:12.5px}.md-isi blockquote{border-left:3px solid rgba(var(--primary-rgb),.5);color:var(--muted);margin:0 0 .6em;padding:2px 12px}.md-isi table{border-collapse:collapse;max-width:100%;margin:0 0 .6em;display:block;overflow-x:auto}.md-isi th,.md-isi td{border:1px solid var(--control-border);text-align:left;vertical-align:top;min-width:60px;padding:6px 10px}.md-isi th{background:rgba(var(--neutral-rgb),.08);font-weight:700}.md-isi img,.md-isi .md-imej{border:1px solid var(--control-border);border-radius:10px;max-width:100%;height:auto;margin:4px 0;display:block}.md-isi hr{border:none;border-top:1px solid var(--control-border);margin:1em 0}.sebutan{background:rgba(var(--primary-rgb),.12);color:var(--primary);white-space:nowrap;border-radius:6px;padding:0 .35em;font-weight:650;display:inline-block}.sebutan--kumpulan{background:rgba(var(--violet-rgb),.14);color:var(--violet)}.md-cadangan{z-index:1000;background:var(--surface-1);border:1px solid var(--glass-border);width:300px;max-height:280px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:14px;padding:6px;position:fixed;overflow-y:auto}.md-cadangan__kosong{color:var(--muted);padding:8px 10px;font-size:13px}.md-cadangan__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.md-cadangan__item--aktif,.md-cadangan__item:hover{background:rgba(var(--primary-rgb),.12)}.md-cadangan__avatar{color:#fff;background:var(--primary-gradient);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.md-cadangan__avatar--kumpulan{background:rgba(var(--violet-rgb),.85);font-size:13px}.md-cadangan__nama{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;display:block;overflow:hidden}.md-cadangan__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.komen-perbincangan{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--card-bg-2);overflow:hidden}.komen{padding:10px 12px}.komen--sistem{background:rgba(var(--info-rgb),.06)}.komen__kepala{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.komen__avatar{color:#fff;background:var(--primary-gradient);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10.5px;font-weight:800;display:grid}.komen--dipadam .komen__avatar{background:rgba(var(--neutral-rgb),.5)}.komen__nama{font-size:13.5px;font-weight:700}.komen__masa{color:var(--muted);font-size:12px}.komen__aksi{color:var(--primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:12.5px;font-weight:650;text-decoration:underline}.komen__aksi:hover,.komen__aksi--bahaya:hover{background:rgba(var(--primary-rgb),.08)}.komen__isi{padding-left:34px}.komen__isi--dipadam{color:var(--muted);font-size:13px;font-style:italic}.komen__lampiran{flex-wrap:wrap;gap:6px;margin-top:6px;padding-left:34px;display:flex}.komen__fail{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--control-border);max-width:260px;color:var(--text);border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:12.5px;text-decoration:none;display:inline-flex;overflow:hidden}.komen__fail:hover{border-color:var(--primary);color:var(--primary)}.komen__sunting{gap:8px;padding:8px 12px 12px;display:grid}.komen-balasan{border-top:1px solid var(--control-border);background:rgba(var(--neutral-rgb),.04);padding-left:22px}.komen-balasan>.komen+.komen{border-top:1px dashed var(--control-border)}.komen-penyusun{margin-top:4px}.chip--dibuang{opacity:.5;text-decoration:line-through}.segmen{background:var(--control-bg);border:1px solid var(--control-border);border-radius:12px;padding:3px;display:inline-flex}.segmen__item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:6px 12px;font-size:13px;font-weight:650}.segmen__item:disabled{opacity:.5;cursor:not-allowed}.segmen__item--aktif{background:var(--surface-1);color:var(--primary);box-shadow:0 1px 4px #00000014}.borang-tugasan__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.borang-tugasan__baca{border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:10px 12px}.pilih-orang{min-height:44px}.pilih-orang--lumpuh{opacity:.75}.pilih-orang__tambah{color:var(--primary);cursor:pointer;background:0 0;border:none;max-width:220px;padding:4px 2px;font-size:13px;font-weight:650}.daftar-tugasan{max-width:860px}.tugasan-kepala{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.tugasan-kepala__tajuk{overflow-wrap:anywhere;margin:0 0 6px;font-size:22px}.tugasan-kepala__pil{flex-wrap:wrap;gap:6px;display:flex}.tugasan-kepala__aksi{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tugasan-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.btn-bahaya{color:var(--danger)!important}.teks-lewat{color:var(--kal-lewat);font-weight:650}.fail-baris{border-bottom:1px solid var(--control-border);align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.fail-baris:last-child{border-bottom:none}.fail-baris__nama{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fail-baris__meta{color:var(--muted);flex:none;font-size:12px}.sejarah-status{border-left:2px solid rgba(var(--primary-rgb),.25);gap:12px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.sejarah-status__item{position:relative}.sejarah-status__item:before{content:"";background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 3px var(--page-bg);border-radius:50%;position:absolute;top:5px;left:-20px}.sejarah-status__meta{color:var(--muted);margin-top:3px;font-size:12px}.sejarah-status__catatan{background:rgba(var(--neutral-rgb),.08);white-space:pre-line;border-radius:8px;margin-top:4px;padding:6px 10px;font-size:13px}.senarai-tugasan__bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.kanban{grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;align-items:start;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.kanban__lajur{background:var(--card-bg-2);border:1px solid var(--control-border);border-radius:var(--radius-sm);align-content:start;gap:8px;min-height:140px;padding:8px;transition:border-color .12s,background .12s;display:grid}.kanban__lajur--sasaran{border-color:var(--primary);background:rgba(var(--primary-rgb),.06)}.kanban__lajur--tolak{border-color:var(--danger);background:rgba(var(--danger-rgb),.05)}.kanban__kepala{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.kanban__bil{color:var(--muted);font-size:12px;font-weight:700}.kanban__kad{background:var(--surface-1);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;gap:6px;padding:10px;display:grid;box-shadow:0 2px 6px #0000000d}.kanban__kad[draggable=true]{cursor:grab}.kanban__kad:hover,.kanban__kad:focus-visible{border-color:var(--primary);outline:none}.kanban__kad--seret{opacity:.45}.kanban__tajuk{overflow-wrap:anywhere;font-size:13.5px;font-weight:650}.kanban__meta{color:var(--muted);font-size:12px}.kanban__kaki{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kanban__tarikh{color:var(--muted);font-size:11.5px}.kanban__avatar{color:#fff;background:var(--primary-gradient);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.tugasan-kad{gap:6px;padding:14px;display:grid}.tugasan-kad__atas{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tugasan-kad__tajuk{overflow-wrap:anywhere;min-width:0;font-size:14.5px;font-weight:700}.tugasan-kad__meta{color:var(--muted);font-size:12.5px}.tugasan-kad__bawah{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tugasan-projek__bar{align-items:center;gap:10px;display:flex}.tugasan-projek__kumpulan{border:1px solid var(--control-border);border-radius:var(--radius-sm);overflow:hidden}.tugasan-projek__kepala{background:rgba(var(--neutral-rgb),.06);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.tugasan-projek__nama{font-size:13.5px;font-weight:700}.tugasan-projek__kemajuan{color:var(--muted);flex:none;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.tugasan-projek__baris{color:var(--text);border-top:1px solid var(--control-border);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.tugasan-projek__kumpulan>.tugasan-projek__baris:first-child{border-top:none}.tugasan-projek__baris:hover{background:rgba(var(--primary-rgb),.05)}.tugasan-projek__tajuk{flex:1;min-width:140px;font-size:13.5px;font-weight:600}.tugasan-projek__meta{color:var(--muted);gap:10px;font-size:12px;display:flex}.bar-kemajuan{background:rgba(var(--neutral-rgb),.18);border-radius:999px;width:80px;height:6px;display:inline-block;overflow:hidden}.bar-kemajuan>span{background:var(--primary-gradient);border-radius:inherit;height:100%;display:block}.badge-tugasan{color:var(--primary);background:rgba(var(--primary-rgb),.1);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}@media (width<=900px){.tugasan-grid,.borang-tugasan__grid{grid-template-columns:1fr}}@media (width<=768px){.komen__isi,.komen__lampiran{padding-left:0}.komen-balasan{padding-left:10px}.md-cadangan{width:calc(100vw - 16px)}.tugasan-kepala__aksi{justify-content:flex-start}}.kalendar__pin--tugasan:not(.kalendar__pin--selesai):not(.kalendar__pin--lewat){border-left-color:var(--teal);background:rgba(var(--teal-rgb), .12);color:var(--teal)}.kalendar__pin--tugasan{font-style:italic}.pilih-cari{z-index:1100;background:var(--surface-1);border:1px solid var(--glass-border);max-height:340px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:14px;flex-direction:column;padding:8px;display:flex;position:fixed}.pilih-cari__input{flex:none;height:38px;margin-bottom:6px;font-size:13.5px}.pilih-cari__senarai{overscroll-behavior:contain;overflow-y:auto}.pilih-cari__item{color:var(--text);cursor:pointer;overflow-wrap:anywhere;border-radius:9px;padding:8px 10px;font-size:13.5px}.pilih-cari__item:hover,.pilih-cari__item--aktif{background:rgba(var(--primary-rgb),.12)}.pilih-cari__item--dipilih{color:var(--primary);font-weight:700}.pilih-cari__item--lumpuh{color:var(--muted);cursor:default;opacity:.7}.pilih-cari__item--lumpuh:hover{background:0 0}.pilih-cari__kumpulan{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-size:11px;font-weight:750}.pilih-cari__kosong{color:var(--muted);padding:10px;font-size:13px}.pilih-banyak__cari{z-index:1;background:var(--surface-1);flex:none;height:36px;margin-bottom:4px;font-size:13px;position:sticky;top:-6px}.pilih-banyak__kosong{color:var(--muted);padding:8px 10px;font-size:13px}.fab-tugasan{right:16px;bottom:calc(var(--nav-height) + 16px);z-index:55;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.fab-tugasan__butang{cursor:pointer;color:#fff;background:var(--primary-gradient);width:56px;height:56px;box-shadow:0 10px 24px var(--primary-glow);border:none;border-radius:50%;place-items:center;transition:transform .15s;display:grid}.fab-tugasan__butang svg{width:26px;height:26px}.fab-tugasan.is-open .fab-tugasan__butang{transform:rotate(45deg)}.fab-tugasan__menu{border-radius:16px;flex-direction:column;gap:4px;min-width:190px;padding:6px;display:none}.fab-tugasan.is-open .fab-tugasan__menu{display:flex}.fab-tugasan__pilihan{color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.fab-tugasan__pilihan:hover,.fab-tugasan__pilihan:focus-visible{background:rgba(var(--primary-rgb),.12)}.fab-tugasan__pilihan svg{width:20px;height:20px;color:var(--primary)}.pratonton{max-height:70vh;overflow:auto}.pratonton__pdf{border:1px solid var(--control-border);background:#fff;border-radius:10px;width:100%;height:65vh}.pratonton__imej{border-radius:10px;max-width:100%;margin:0 auto;display:block}.pratonton__md{padding:4px 2px}.chip--utama{background:var(--primary-gradient);color:#fff}.pilih-petugas__peranan{letter-spacing:.3px;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:800}.icon-btn--utama{background:var(--primary-gradient);color:#fff;border-color:#0000}.segmen--balut{flex-wrap:wrap}.fail-baris__aksi{flex:none;gap:4px;display:flex}.komen__fail-kumpulan{align-items:center;gap:2px;display:inline-flex}.komen__fail-muat{width:26px;height:26px;color:var(--muted);border-radius:8px;place-items:center;display:inline-grid}.komen__fail-muat:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}.komen__fail-muat svg{width:15px;height:15px}.tab-ikon{position:relative}.tab-ikon__bil{background:var(--primary-gradient);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:calc(50% - 22px)}.borang-tugasan__baris{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.borang-tugasan__tarikh{align-items:center;gap:10px;min-height:44px;display:flex}.borang-tugasan__julat{font-size:14px;font-weight:650}@media (width<=600px){.borang-tugasan__baris{grid-template-columns:1fr}}.segmen--kecil .segmen__item{padding:3px 10px;font-size:12px}.input-tempoh__baris{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-tempoh__tarikh{flex:140px;min-width:0}.input-tempoh__masa{flex:0 104px;min-width:100px}.input-tempoh__unit{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.input-tempoh__unit .input{width:64px}.input-tempoh__unit .select{width:80px}.input-tempoh__tamat{margin:2px 0 0}.input-tempoh__tamat strong{color:var(--text);font-weight:650}.kalendar__sel-kepala{position:relative}.kalendar__tambah{width:20px;height:20px;color:var(--muted);opacity:0;border-radius:6px;place-items:center;margin-left:auto;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .12s;display:inline-grid}.kalendar__sel:hover .kalendar__tambah,.kalendar__tambah:focus-visible,.kalendar-jam__band-sel:hover .kalendar__tambah{opacity:1}.kalendar__tambah:hover{background:var(--control-bg-strong);color:var(--primary)}.kalendar__tambah:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@media (hover:none){.kalendar__tambah{opacity:1}}.kalendar__pin--seret{cursor:grab}.kalendar__pin--seret:active{cursor:grabbing}.kalendar-jam__sasaran{outline:2px dashed rgba(var(--primary-rgb), .7);outline-offset:-2px;background:rgba(var(--primary-rgb), .06)}.kalendar-jam{--kal-gutter:64px;border:1px solid var(--control-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.kalendar-jam__baris{grid-template-columns:var(--kal-gutter) repeat(var(--kal-kolum), minmax(0, 1fr));display:grid}.kalendar-jam__kepala{border-bottom:1px solid var(--control-border);background:var(--control-bg)}.kalendar-jam__kepala-sel{border-left:1px solid var(--control-border);justify-content:center;align-items:baseline;gap:6px;padding:6px 4px;display:flex}.kalendar-jam__nama-hari{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.kalendar-jam__tarikh{color:var(--text);font-size:15px;font-weight:750}.kalendar-jam__kepala-sel--hari-ini .kalendar-jam__tarikh,.kalendar-jam__kepala-sel--hari-ini .kalendar-jam__nama-hari{color:var(--primary)}.kalendar-jam__band{border-bottom:1px solid var(--control-border)}.kalendar-jam__band-sel{border-left:1px solid var(--control-border);flex-direction:column;gap:3px;min-height:34px;max-height:128px;padding:4px;display:flex;position:relative;overflow-y:auto}.kalendar-jam__band-sel .kalendar__tambah{position:absolute;bottom:4px;right:4px}.kalendar-jam__gutter{position:relative}.kalendar-jam__gutter--band{text-align:right;color:var(--muted);justify-content:flex-end;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;line-height:1.2;display:flex}.kalendar-jam__skrol{max-height:620px;overflow-y:auto}.kalendar-jam__badan{position:relative}.kalendar-jam__label-jam{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:650;position:absolute;right:8px;transform:translateY(-50%)}.kalendar-jam__label-jam:first-child{transform:none}.kalendar-jam__kolum{border-left:1px solid var(--control-border);cursor:copy;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--jam-px) - 1px), var(--control-border) calc(var(--jam-px) - 1px), var(--control-border) var(--jam-px));position:relative}.kalendar-jam__kolum--hujung{background-color:var(--surface-2)}.kalendar-jam__kolum--hari-ini{background-color:rgba(var(--primary-rgb), .04)}.kalendar-jam__blok{z-index:1;background:var(--surface-1);background-image:linear-gradient(rgba(var(--violet-rgb), .16), rgba(var(--violet-rgb), .16));flex-direction:column;align-items:stretch;gap:0;padding:2px 6px;position:absolute;overflow:hidden;box-shadow:0 1px 2px #00000014}.kalendar-jam__blok.kalendar__pin--lewat{background-image:linear-gradient(rgba(var(--kal-lewat-rgb), .2), rgba(var(--kal-lewat-rgb), .2))}.kalendar-jam__blok.kalendar__pin--selesai{background-image:linear-gradient(rgba(var(--neutral-rgb), .16), rgba(var(--neutral-rgb), .16))}.kalendar-jam__blok .kalendar__pin-nama{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.kalendar-jam__masa{font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap;font-size:10px;font-weight:750}.kalendar-jam__kini{z-index:2;border-top:2px solid var(--kal-lewat);pointer-events:none;height:0;position:absolute;left:0;right:0}.kalendar-jam__kini:before{content:"";background:var(--kal-lewat);border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:-5px}.kalendar-agenda__masa{font-variant-numeric:tabular-nums;min-width:84px;color:var(--muted);flex:none;font-size:11px;font-weight:750}.kalendar-m__tambah{align-self:flex-start}button.kalendar__tambah{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.pilih-jenis-tugasan{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pilih-jenis-tugasan__pilihan{color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);flex-direction:column;gap:4px;padding:14px;text-decoration:none;display:flex}.pilih-jenis-tugasan__pilihan:hover,.pilih-jenis-tugasan__pilihan:focus-visible{border-color:var(--primary);background:rgba(var(--primary-rgb), .06);outline:none}.pilih-jenis-tugasan__tajuk{color:var(--primary);font-weight:700}.pilih-jenis-tugasan__huraian{color:var(--muted);font-size:12.5px}@media (width<=520px){.pilih-jenis-tugasan{grid-template-columns:1fr}}.badge-format{vertical-align:middle;letter-spacing:.4px;white-space:nowrap;color:var(--muted);background:rgba(var(--neutral-rgb),.14);border:1px solid rgba(var(--neutral-rgb),.22);border-radius:6px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.5;display:inline-block}.badge-format--pdf{color:#dc2626;background:#dc26261a;border-color:#dc262640}.badge-format--word{color:#2563eb;background:#2563eb1a;border-color:#2563eb40}.badge-format--excel{color:#16a34a;background:#16a34a1a;border-color:#16a34a40}.badge-format--ppt{color:#ea580c;background:#ea580c1a;border-color:#ea580c40}.badge-format--imej{color:#9333ea;background:#9333ea1a;border-color:#9333ea40}.kad-lipat__kepala{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.kad-lipat__kepala:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}.kad-lipat__kanan{align-items:center;gap:6px;display:flex}.tugasan-susun{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.tugasan-laci{align-items:flex-start;display:flex;position:sticky;top:96px}.tugasan-laci__pemegang{border:1px solid var(--card-border);cursor:pointer;background:linear-gradient(180deg, var(--card-bg), var(--card-bg-2));color:var(--primary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border-right:none;border-radius:14px 0 0 14px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:12.5px;font-weight:750;display:flex}.tugasan-laci__pemegang:hover,.tugasan-laci__pemegang:focus-visible{background:rgba(var(--primary-rgb),.1);outline:none}.tugasan-laci__pemegang svg{width:18px;height:18px;transition:transform .2s}.tugasan-laci--buka .tugasan-laci__pemegang svg{transform:rotate(180deg)}.tugasan-laci__teks{writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}.tugasan-laci__isi{border-top-left-radius:0;width:360px;max-height:calc(100vh - 112px);animation:.2s tugasan-laci-masuk;overflow-y:auto}.tugasan-laci__bahagian+.tugasan-laci__bahagian{border-top:1px solid var(--control-border);padding-top:14px}@keyframes tugasan-laci-masuk{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (width<=1100px){.tugasan-laci{position:sticky}.tugasan-laci__isi{z-index:30;position:absolute;top:0;right:100%}}@media (prefers-reduced-motion:reduce){.tugasan-laci__isi{animation:none}}.tugasan-mudah-alih{padding-bottom:84px}.fab-dail.is-open .fab-tugasan__butang{transform:none}.fab-dail__senarai{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.fab-dail__pilihan{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;animation:.15s both fab-dail-masuk;display:flex}.fab-dail__label{color:var(--text);background:var(--surface-1);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.fab-dail__ikon{width:44px;height:44px;color:var(--primary);background:var(--surface-1);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:50%;place-items:center;display:grid}.fab-dail__ikon svg{width:20px;height:20px}.fab-dail__latar{z-index:54;background:#0000002e;position:fixed;inset:0}@keyframes fab-dail-masuk{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.push-peranti{border-top:1px solid var(--control-border);padding:8px 12px}.push-peranti:empty{display:none}.push-peranti--kad{border-top:none;padding:12px 14px}.push-peranti__butang{cursor:pointer;border:1px solid rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08);width:100%;color:var(--primary);border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700}.push-peranti__butang:hover{background:rgba(var(--primary-rgb),.14)}.push-peranti__butang--aktif{border-color:var(--control-border);color:var(--muted);background:0 0;font-weight:600}.push-peranti__butang:disabled{opacity:.6;cursor:progress}.push-peranti__nota{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.toast-tindan{z-index:90;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:84px;right:24px}.toast{pointer-events:auto;background:var(--surface-1);border:1px solid var(--card-border);border-left:4px solid var(--primary);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);border-radius:14px;align-items:flex-start;gap:4px;padding:4px;animation:.22s cubic-bezier(.2,.8,.2,1) toast-masuk;display:flex}.toast--keluar{opacity:0;transition:opacity .2s,transform .2s;transform:translate(16px)}.toast__isi{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:8px 6px 8px 10px;display:flex}.toast__isi:hover,.toast__isi:focus-visible{background:rgba(var(--primary-rgb),.06);outline:none}.toast__tajuk{color:var(--primary);font-size:13.5px;font-weight:750}.toast__mesej{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.toast__mesej:empty{display:none}.toast__masa{color:var(--muted);font-size:11.5px}.toast__tutup{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:none;font-size:18px;line-height:1}.toast__tutup:hover{background:rgba(var(--neutral-rgb),.14);color:var(--text)}@keyframes toast-masuk{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast--keluar{transition:none}}.tugasan-ket__kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tugasan-ket__aksi{align-items:center;gap:6px;display:flex}.komen-tindakan{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.komen-tindakan__ruang{flex:1}.komen-status{align-items:stretch;min-width:0;display:inline-flex}.komen-status .select.komen-status__pilih{background-position:right 8px center;border-radius:10px 0 0 10px;width:auto;max-width:200px;height:34px;min-height:34px;padding:0 30px 0 12px;font-size:13px}.komen-status>.btn,.komen-status>.icon-btn{white-space:nowrap;border-radius:0 10px 10px 0;height:34px;margin-left:-1px}.tugasan-kepala-padat{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.tugasan-kepala-padat__tajuk{overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.3}.tugasan-kepala-padat__pil{gap:4px}.tugasan-kepala-padat__pil .status-pill{border-radius:6px;padding:1px 7px;font-size:10.5px}@media (width<=767px){.komen-status .select.komen-status__pilih{max-width:150px}}.pilih-cari__input--sembunyi{clip:rect(0 0 0 0);opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.komen-tindakan .btn-sm{align-items:center;height:30px;display:inline-flex}.komen-tindakan .komen-status .select.komen-status__pilih{height:30px;min-height:30px;font-size:12.5px}.komen-tindakan .komen-status>.btn{height:30px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}