@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--primary:var(--color-primary);--primary-hover:var(--color-on-primary-container);--primary-light:var(--color-primary-container);--accent:var(--app-accent-strong);--bg-primary:var(--color-background);--bg-secondary:var(--color-surface-bright);--bg-tertiary:var(--color-surface-container);--bg-card:var(--color-surface-container-lowest);--text-primary:var(--color-on-surface);--text-secondary:var(--color-on-surface-variant);--text-muted:var(--color-on-surface-variant);--border:var(--color-outline-variant);--border-hover:var(--color-outline);--shadow:var(--elevation-2);--glow:0 0 40px rgba(0,178,169,0.25);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-tertiary) 50%,var(--app-accent) 100%);--gradient-bg:linear-gradient(135deg,var(--color-surface-container-low) 0%,var(--color-surface-container) 50%,var(--color-surface-container-low) 100%);--radius:var(--radius-lg);--radius-sm:var(--radius-default);--radius-lg:var(--radius-2xl);color-scheme:light}.dark,[data-theme=dark]{--bg-primary:var(--color-background);--bg-secondary:var(--color-surface-bright);--bg-tertiary:var(--color-surface-container);--bg-card:var(--color-surface-container-low);--text-primary:var(--color-on-surface);--text-secondary:var(--color-on-surface-variant);--text-muted:var(--color-outline);--border:var(--color-outline-variant);--border-hover:var(--color-outline);--shadow:var(--elevation-2);--glow:0 0 40px rgba(80,218,209,0.25);--gradient-bg:linear-gradient(135deg,var(--color-surface-container-lowest) 0%,var(--color-surface-container) 50%,var(--color-surface-container-lowest) 100%);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body{background:var(--gradient-bg);background-attachment:fixed}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:15px;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 15px rgba(99,102,241,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.5)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.app-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.app-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:var(--glow)}.app-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:28px}.app-card-title{font-size:18px;font-weight:600}.app-card-description{font-size:13px;color:var(--text-secondary);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}@media (max-width:768px){.glass-card{border-radius:var(--radius-sm)}}:root,[data-theme=light]{--color-background:#F8FAFC;--color-surface:#F8FAFC;--color-surface-dim:#E3EBE9;--color-surface-bright:#FFFFFF;--color-surface-container-lowest:#FFFFFF;--color-surface-container-low:#F4FBF9;--color-surface-container:#EFF5F3;--color-surface-container-high:#E9EFED;--color-surface-container-highest:#E3E9E8;--color-on-surface:#0F172A;--color-on-surface-variant:#3C4948;--color-inverse-surface:#1F2A29;--color-inverse-on-surface:#ECF2F0;--color-outline:#6C7A78;--color-outline-variant:#E2E8F0;--color-surface-tint:#00B2A9;--color-primary:#00B2A9;--color-on-primary:#FFFFFF;--color-primary-container:#B7F0EC;--color-on-primary-container:#00302D;--color-inverse-primary:#50DAD1;--color-secondary:#9BAE0F;--color-on-secondary:#FFFFFF;--color-secondary-container:#E6F099;--color-on-secondary-container:#3F4700;--color-secondary-fixed:#D4E157;--color-tertiary:#0891A6;--color-on-tertiary:#FFFFFF;--color-tertiary-container:#B7E9F1;--color-on-tertiary-container:#003C44;--color-tertiary-fixed:#26C6DA;--color-success:#047857;--color-on-success:#FFFFFF;--color-success-container:#D1FAE5;--color-on-success-container:#022C22;--color-warning:#B45309;--color-on-warning:#FFFFFF;--color-warning-container:#FEF3C7;--color-on-warning-container:#451A03;--color-error:#BA1A1A;--color-on-error:#FFFFFF;--color-error-container:#FFDAD6;--color-on-error-container:#410002;--color-info:#0E7490;--color-on-info:#FFFFFF;--color-info-container:#CFFAFE;--color-on-info-container:#083344;--color-app-portal-accent:#D4E157;--color-app-portal-accent-strong:#9BAE0F;--color-app-portal-accent-container:#F1F5C7;--color-on-app-portal-accent-container:#3F4700;--color-app-lapor-accent:#26C6DA;--color-app-lapor-accent-strong:#0891A6;--color-app-lapor-accent-container:#CFFAFE;--color-on-app-lapor-accent-container:#083344;--color-app-task-accent:#FBBF24;--color-app-task-accent-strong:#B45309;--color-app-task-accent-container:#FEF3C7;--color-on-app-task-accent-container:#451A03;--color-app-attendance-accent:#34D399;--color-app-attendance-accent-strong:#047857;--color-app-attendance-accent-container:#D1FAE5;--color-on-app-attendance-accent-container:#022C22;--color-app-keuangan-accent:#D97706;--color-app-keuangan-accent-strong:#92400E;--color-app-keuangan-accent-container:#FED7AA;--color-on-app-keuangan-accent-container:#3D1A05;--color-app-booking-accent:#38BDF8;--color-app-booking-accent-strong:#0369A1;--color-app-booking-accent-container:#DBEAFE;--color-on-app-booking-accent-container:#082F49;--color-app-taskforce-accent:#10B981;--color-app-taskforce-accent-strong:#047857;--color-app-taskforce-accent-container:#D1FAE5;--color-on-app-taskforce-accent-container:#022C22;--color-app-anggaran-accent:#0F766E;--color-app-anggaran-accent-strong:#134E4A;--color-app-anggaran-accent-container:#CCFBF1;--color-on-app-anggaran-accent-container:#042F2E;--color-app-aset-accent:#B45309;--color-app-aset-accent-strong:#7C2D12;--color-app-aset-accent-container:#FEF3C7;--color-on-app-aset-accent-container:#451A03;--color-app-pimpinan-accent:#1E293B;--color-app-pimpinan-accent-strong:#0F172A;--color-app-pimpinan-accent-container:#E2E8F0;--color-on-app-pimpinan-accent-container:#020617;--color-app-silatjak-accent:#A855F7;--color-app-silatjak-accent-strong:#7E22CE;--color-app-silatjak-accent-container:#F3E8FF;--color-on-app-silatjak-accent-container:#3B0764;--app-accent:var(--color-app-portal-accent);--app-accent-strong:var(--color-app-portal-accent-strong);--app-accent-container:var(--color-app-portal-accent-container);--on-app-accent-container:var(--color-on-app-portal-accent-container);--elevation-0:none;--elevation-1:0 1px 2px rgba(15,23,42,0.04),0 1px 3px rgba(15,23,42,0.06);--elevation-2:0 2px 4px rgba(15,23,42,0.05),0 4px 8px rgba(0,178,169,0.04);--elevation-3:0 4px 8px rgba(15,23,42,0.06),0 12px 24px rgba(0,178,169,0.05);--elevation-4:0 8px 16px rgba(15,23,42,0.08),0 20px 40px rgba(0,178,169,0.06);--elevation-5:0 16px 32px rgba(15,23,42,0.10),0 32px 64px rgba(0,178,169,0.08);--radius-sm:4px;--radius-default:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-display:"Manrope",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--density-scale:1}.dark,[data-theme=dark]{--color-background:#0F1715;--color-surface:#0F1715;--color-surface-dim:#0F1715;--color-surface-bright:#374946;--color-surface-container-lowest:#0A1110;--color-surface-container-low:#171F1E;--color-surface-container:#1B2322;--color-surface-container-high:#252D2C;--color-surface-container-highest:#303837;--color-on-surface:#DDE4E2;--color-on-surface-variant:#BBC9C7;--color-inverse-surface:#DDE4E2;--color-inverse-on-surface:#1F2A29;--color-outline:#869391;--color-outline-variant:#3C4948;--color-primary:#50DAD1;--color-on-primary:#003733;--color-primary-container:#00504B;--color-on-primary-container:#72F7ED;--color-inverse-primary:#00B2A9;--color-secondary:#C2CF47;--color-on-secondary:#2F3500;--color-secondary-container:#444B00;--color-on-secondary-container:#DFEC60;--color-tertiary:#45D8ED;--color-on-tertiary:#00363D;--color-tertiary-container:#004F58;--color-on-tertiary-container:#98F0FF;--color-success:#6EE7B7;--color-on-success:#022C22;--color-success-container:#064E3B;--color-on-success-container:#D1FAE5;--color-warning:#FCD34D;--color-on-warning:#451A03;--color-warning-container:#78350F;--color-on-warning-container:#FEF3C7;--color-error:#FFB4AB;--color-on-error:#690005;--color-error-container:#93000A;--color-on-error-container:#FFDAD6;--color-info:#67E8F9;--color-on-info:#083344;--color-info-container:#155E75;--color-on-info-container:#CFFAFE;--color-app-portal-accent:#DFEC60;--color-app-portal-accent-strong:#C2CF47;--color-app-portal-accent-container:#444B00;--color-on-app-portal-accent-container:#DFEC60;--color-app-lapor-accent:#45D8ED;--color-app-lapor-accent-strong:#26C6DA;--color-app-lapor-accent-container:#004F58;--color-on-app-lapor-accent-container:#98F0FF;--color-app-task-accent:#FCD34D;--color-app-task-accent-strong:#FBBF24;--color-app-task-accent-container:#78350F;--color-on-app-task-accent-container:#FEF3C7;--color-app-attendance-accent:#6EE7B7;--color-app-attendance-accent-strong:#34D399;--color-app-attendance-accent-container:#064E3B;--color-on-app-attendance-accent-container:#D1FAE5;--color-app-keuangan-accent:#FBBF24;--color-app-keuangan-accent-strong:#F59E0B;--color-app-keuangan-accent-container:#78350F;--color-on-app-keuangan-accent-container:#FEF3C7;--color-app-booking-accent:#7DD3FC;--color-app-booking-accent-strong:#38BDF8;--color-app-booking-accent-container:#075985;--color-on-app-booking-accent-container:#BAE6FD;--color-app-taskforce-accent:#34D399;--color-app-taskforce-accent-strong:#10B981;--color-app-taskforce-accent-container:#064E3B;--color-on-app-taskforce-accent-container:#A7F3D0;--color-app-anggaran-accent:#2DD4BF;--color-app-anggaran-accent-strong:#14B8A6;--color-app-anggaran-accent-container:#134E4A;--color-on-app-anggaran-accent-container:#99F6E4;--color-app-aset-accent:#FBBF24;--color-app-aset-accent-strong:#F59E0B;--color-app-aset-accent-container:#78350F;--color-on-app-aset-accent-container:#FEF3C7;--color-app-pimpinan-accent:#94A3B8;--color-app-pimpinan-accent-strong:#CBD5E1;--color-app-pimpinan-accent-container:#334155;--color-on-app-pimpinan-accent-container:#E2E8F0;--color-app-silatjak-accent:#D8B4FE;--color-app-silatjak-accent-strong:#C084FC;--color-app-silatjak-accent-container:#581C87;--color-on-app-silatjak-accent-container:#F3E8FF;--elevation-1:0 1px 2px rgba(0,0,0,0.30),0 1px 3px rgba(0,0,0,0.40);--elevation-2:0 2px 4px rgba(0,0,0,0.30),0 4px 8px rgba(0,0,0,0.30);--elevation-3:0 4px 8px rgba(0,0,0,0.35),0 12px 24px rgba(0,0,0,0.35);--elevation-4:0 8px 16px rgba(0,0,0,0.40),0 20px 40px rgba(0,0,0,0.35);--elevation-5:0 16px 32px rgba(0,0,0,0.45),0 32px 64px rgba(0,0,0,0.45)}[data-app=portal]{--app-accent:var(--color-app-portal-accent);--app-accent-strong:var(--color-app-portal-accent-strong);--app-accent-container:var(--color-app-portal-accent-container);--on-app-accent-container:var(--color-on-app-portal-accent-container)}[data-app=lapor]{--app-accent:var(--color-app-lapor-accent);--app-accent-strong:var(--color-app-lapor-accent-strong);--app-accent-container:var(--color-app-lapor-accent-container);--on-app-accent-container:var(--color-on-app-lapor-accent-container)}[data-app=task]{--app-accent:var(--color-app-task-accent);--app-accent-strong:var(--color-app-task-accent-strong);--app-accent-container:var(--color-app-task-accent-container);--on-app-accent-container:var(--color-on-app-task-accent-container)}[data-app=attendance]{--app-accent:var(--color-app-attendance-accent);--app-accent-strong:var(--color-app-attendance-accent-strong);--app-accent-container:var(--color-app-attendance-accent-container);--on-app-accent-container:var(--color-on-app-attendance-accent-container)}[data-app=keuangan]{--app-accent:var(--color-app-keuangan-accent);--app-accent-strong:var(--color-app-keuangan-accent-strong);--app-accent-container:var(--color-app-keuangan-accent-container);--on-app-accent-container:var(--color-on-app-keuangan-accent-container)}[data-app=booking]{--app-accent:var(--color-app-booking-accent);--app-accent-strong:var(--color-app-booking-accent-strong);--app-accent-container:var(--color-app-booking-accent-container);--on-app-accent-container:var(--color-on-app-booking-accent-container)}[data-app=taskforce]{--app-accent:var(--color-app-taskforce-accent);--app-accent-strong:var(--color-app-taskforce-accent-strong);--app-accent-container:var(--color-app-taskforce-accent-container);--on-app-accent-container:var(--color-on-app-taskforce-accent-container)}[data-app=anggaran]{--app-accent:var(--color-app-anggaran-accent);--app-accent-strong:var(--color-app-anggaran-accent-strong);--app-accent-container:var(--color-app-anggaran-accent-container);--on-app-accent-container:var(--color-on-app-anggaran-accent-container)}[data-app=aset]{--app-accent:var(--color-app-aset-accent);--app-accent-strong:var(--color-app-aset-accent-strong);--app-accent-container:var(--color-app-aset-accent-container);--on-app-accent-container:var(--color-on-app-aset-accent-container)}[data-app=pimpinan]{--app-accent:var(--color-app-pimpinan-accent);--app-accent-strong:var(--color-app-pimpinan-accent-strong);--app-accent-container:var(--color-app-pimpinan-accent-container);--on-app-accent-container:var(--color-on-app-pimpinan-accent-container)}[data-app=silatjak]{--app-accent:var(--color-app-silatjak-accent);--app-accent-strong:var(--color-app-silatjak-accent-strong);--app-accent-container:var(--color-app-silatjak-accent-container);--on-app-accent-container:var(--color-on-app-silatjak-accent-container)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--color-on-surface);background:var(--color-background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.t-display-xl{font-size:56px;line-height:1.1;letter-spacing:-.025em}.t-display-lg,.t-display-xl{font-family:var(--font-display);font-weight:800}.t-display-lg{font-size:44px;line-height:1.15;letter-spacing:-.02em}.t-headline-lg{font-size:32px;line-height:1.25;letter-spacing:-.015em}.t-headline-lg,.t-headline-md{font-family:var(--font-display);font-weight:700}.t-headline-md{font-size:24px;line-height:1.3}.t-headline-sm{font-size:20px;line-height:1.35}.t-headline-sm,.t-title-lg{font-family:var(--font-display);font-weight:600}.t-title-lg{font-size:18px;line-height:1.4}.t-title-md{font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.4}.t-body-lg{font-size:17px}.t-body-lg,.t-body-md{font-family:var(--font-body);font-weight:400;line-height:1.6}.t-body-md{font-size:15px}.t-body-sm{font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.55}.t-label-md{font-size:14px;letter-spacing:.01em}.t-label-md,.t-label-sm{font-family:var(--font-body);font-weight:600;line-height:1.2}.t-label-sm{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1;border-radius:var(--radius-default);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .16s ease,box-shadow .16s ease,transform .16s ease,border-color .16s ease;white-space:nowrap}.btn:focus-visible{outline:3px solid rgba(0,178,169,.3);outline-offset:2px}.btn-sm{height:32px;padding:0 12px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.btn-lg{height:48px;padding:0 20px;font-size:15px}.btn-xl{height:56px;padding:0 24px;font-size:16px;border-radius:var(--radius-md)}.btn-pill{border-radius:var(--radius-full)}.btn-block{width:100%}.btn-filled{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--elevation-1)}.btn-filled:hover{background:color-mix(in srgb,var(--color-primary) 88%,black);box-shadow:var(--elevation-2)}.btn-tonal{background:var(--color-primary-container);color:var(--color-on-primary-container)}.btn-tonal:hover{background:color-mix(in srgb,var(--color-primary-container) 88%,var(--color-on-primary-container) 6%)}.btn-outlined{background:transparent;color:var(--color-primary);border-color:var(--color-outline)}.btn-outlined:hover{background:var(--color-surface-container-low);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover{background:var(--color-surface-container-low)}.btn-accent{background:var(--app-accent-strong);color:white;box-shadow:var(--elevation-1)}.btn-accent:hover{filter:brightness(.94)}.btn-danger{background:var(--color-error);color:var(--color-on-error)}.card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--elevation-1);position:relative}.card-hoverable{cursor:pointer;transition:box-shadow .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}.card-hoverable:hover{box-shadow:var(--elevation-2);transform:translateY(-1px)}.card-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--app-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:600;color:var(--color-on-surface);font-family:var(--font-body)}.field-helper{font-size:13px;color:var(--color-on-surface-variant)}.field-helper.error{color:var(--color-error)}.input,.select,.textarea{height:44px;padding:0 14px;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);font-family:var(--font-body);font-size:15px;color:var(--color-on-surface);transition:border-color .16s,box-shadow .16s;width:100%}.textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,178,169,.15);background:var(--color-surface-container-lowest)}.input.error{border-color:var(--color-error)}.input::placeholder{color:var(--color-on-surface-variant);opacity:.7}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface-variant);border:1px solid transparent}.chip-md{height:32px;padding:0 14px;font-size:13px}.chip-success{background:var(--color-success-container);color:var(--color-on-success-container)}.chip-warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.chip-error{background:var(--color-error-container);color:var(--color-on-error-container)}.chip-info{background:var(--color-info-container);color:var(--color-on-info-container)}.chip-primary{background:var(--color-primary-container);color:var(--color-on-primary-container)}.chip-accent{background:var(--app-accent-container);color:var(--on-app-accent-container)}.chip-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;border-radius:var(--radius-full);background:var(--color-error);color:var(--color-on-error)}.badge-accent{background:var(--app-accent-strong);color:white}.divider{height:1px;background:var(--color-outline-variant);border:0;margin:0}.glass{background:rgba(255,255,255,.8);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .glass{background:rgba(15,23,21,.72);border:1px solid rgba(255,255,255,.08)}.stack{display:flex;flex-direction:column;gap:16px}.row,.row-between{display:flex;align-items:center;gap:12px}.row-between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.muted{color:var(--color-on-surface-variant)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}