:root{--background:#f5f7f9;--foreground:#141c2e;--card:#fff;--card-foreground:#141c2e;--popover:#fff;--popover-foreground:#141c2e;--primary:#2078f3;--primary-foreground:#fff;--secondary:#ebeff5;--secondary-foreground:#1d273e;--muted:#eef1f6;--muted-foreground:#656f81;--accent:#ecf3fe;--accent-foreground:#1354ae;--destructive:#dc2828;--destructive-foreground:#fafafa;--border:#dadee7;--input:#dadee7;--ring:#2078f3;--chart-1:#2078f3;--chart-2:#1abc97;--chart-3:#f59714;--chart-4:#7c3bed;--chart-5:#e7405c;--radius:.85rem;--role-accent:#2078f3;--role-accent-2:#0db9f2;--role-on-accent:#fff;--role-soft:color-mix(in hsl, var(--role-accent) 10%, transparent);--role-soft-strong:color-mix(in hsl, var(--role-accent) 18%, transparent);--role-text:color-mix(in hsl, var(--role-accent) 82%, black);--luxury-gold:#dea035;--luxury-gold-soft:#dea0351f;--surface-elevated:#fffffff0;--surface-polished:linear-gradient(180deg, #fff, #fcfcfd);--shadow-elegant:0 22px 70px -46px #0f172aa6;--sidebar-background:#0e1425;--sidebar-foreground:#d8dee9;--sidebar-primary:#3484f4;--sidebar-primary-foreground:#fff;--sidebar-accent:#182239;--sidebar-accent-foreground:#fff;--sidebar-border:#37496c57;--sidebar-ring:#4790f5;--sidebar:#0e1425}.dark{--background:#090e1a;--foreground:#f1f4f8;--card:#111727;--card-foreground:#f1f4f8;--popover:#0f1524;--popover-foreground:#f1f4f8;--primary:#569bfb;--primary-foreground:#090e1a;--secondary:#1c2336;--secondary-foreground:#f1f4f8;--muted:#1a2132;--muted-foreground:#a6afbf;--accent:#1a3356;--accent-foreground:#b9d6fd;--destructive:#ef4d4d;--destructive-foreground:#fafafa;--border:#32405d;--input:#1f283d;--ring:#569bfb;--chart-1:#569bfb;--chart-2:#14e1b8;--chart-3:#f6a431;--chart-4:#a273f2;--chart-5:#f5667e;--role-accent:#569bfb;--role-accent-2:#42ccfa;--role-on-accent:#090e1a;--role-soft:color-mix(in hsl, var(--role-accent) 15%, transparent);--role-soft-strong:color-mix(in hsl, var(--role-accent) 24%, transparent);--role-text:color-mix(in hsl, var(--role-accent) 86%, white);--luxury-gold:#eebc58;--luxury-gold-soft:#eebc5824;--surface-elevated:#111727f0;--surface-polished:linear-gradient(180deg, #12192b, #0c1222);--shadow-elegant:0 24px 78px -48px #000000d9;--sidebar-background:#080c17;--sidebar-foreground:#ebeff5;--sidebar-primary:#6aa6fb;--sidebar-primary-foreground:#090e1a;--sidebar-accent:#192238;--sidebar-accent-foreground:#f1f4f8;--sidebar-border:#42578042;--sidebar-ring:#6aa6fb;--sidebar:#080c17}html[data-theme=ocean]{--primary:#0ca6e9;--ring:#16b1f3;--role-accent:#0ca6e9;--role-accent-2:#2a7ef4;--role-text:color-mix(in hsl, var(--role-accent) 82%, black);--luxury-gold:#53d6ea;--sidebar-background:#0c1627;--sidebar:#0c1627}html[data-theme=emerald]{--primary:#17ab75;--ring:#1abc81;--role-accent:#17ab75;--role-accent-2:#18b1bf;--role-text:color-mix(in hsl, var(--role-accent) 80%, black);--luxury-gold:#e5c543;--sidebar-background:#0b231e;--sidebar:#0b231e}html[data-theme=violet]{--primary:#7c3bed;--ring:#894eef;--role-accent:#7c3bed;--role-accent-2:#5177f6;--role-text:color-mix(in hsl, var(--role-accent) 84%, black);--luxury-gold:#e7b34b;--sidebar-background:#130d26;--sidebar:#130d26}html[data-theme=amber]{--primary:#f5930a;--ring:#f69c1e;--role-accent:#f5930a;--role-accent-2:#f97015;--role-on-accent:#0f1729;--role-text:color-mix(in hsl, var(--role-accent) 72%, black);--luxury-gold:#f9bc2f;--sidebar-background:#27180c;--sidebar:#27180c}html[data-theme=rose]{--primary:#ee3a58;--ring:#ef4d68;--role-accent:#ee3a58;--role-accent-2:#b040e7;--role-text:color-mix(in hsl, var(--role-accent) 84%, black);--luxury-gold:#efa44d;--sidebar-background:#260d16;--sidebar:#260d16}.dark[data-theme=ocean],.dark[data-theme=emerald],.dark[data-theme=violet],.dark[data-theme=amber],.dark[data-theme=rose]{--role-text:color-mix(in hsl, var(--role-accent) 86%, white)}html[data-theme=ocean] [data-role],html[data-theme=emerald] [data-role],html[data-theme=violet] [data-role],html[data-theme=amber] [data-role],html[data-theme=rose] [data-role]{--role-accent:var(--primary);--role-accent-2:var(--chart-2)}html[data-theme=violet] [data-role]{--role-accent-2:#5177f6}html[data-theme=amber] [data-role]{--role-accent-2:#f97015}html[data-theme=rose] [data-role]{--role-accent-2:#b040e7}@layer base{*{border-color:var(--border);outline-color:color-mix(in hsl, var(--ring) 50%, transparent)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 8%, color-mix(in hsl, var(--luxury-gold) 9%, transparent), transparent 26rem), radial-gradient(circle at 92% 6%, color-mix(in hsl, var(--role-accent) 10%, transparent), transparent 34rem), radial-gradient(circle at 8% 92%, color-mix(in hsl, var(--role-accent-2) 7%, transparent), transparent 30rem), linear-gradient(135deg, color-mix(in hsl, var(--background) 96%, white), var(--background) 46%, color-mix(in hsl, var(--background) 94%, black));background-size:auto,auto,auto,100% 100%;background-attachment:fixed;min-height:100vh}}@layer components{[data-role=pegawai]{--role-accent:#1abc9c;--role-accent-2:#0da6e7;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 82%, black)}[data-role=admin_opd]{--role-accent:#1a9e4a;--role-accent-2:#1abc9c;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 78%, black)}[data-role=admin_bkpsdm]{--role-accent:#0ea1b4;--role-accent-2:#2f57da;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 78%, black)}[data-role=verifikator_bkpsdm]{--role-accent:#f59714;--role-accent-2:#f97015;--role-on-accent:#0f1729;--role-text:color-mix(in hsl, var(--role-accent) 72%, black)}[data-role=kepala_bkpsdm]{--role-accent:#7c3bed;--role-accent-2:#5177f6;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 84%, black)}[data-role=auditor]{--role-accent:#5549df;--role-accent-2:#0da6e7;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 84%, black)}[data-role=administrator]{--role-accent:#b040e7;--role-accent-2:#3d68f5;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 84%, black)}[data-role=super_administrator]{--role-accent:#f33f5d;--role-accent-2:#b040e7;--role-on-accent:#fff;--role-text:color-mix(in hsl, var(--role-accent) 84%, black)}.lkd-shell{background:linear-gradient(90deg, color-mix(in hsl, var(--role-accent) 3%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in hsl, var(--role-accent) 3%, transparent) 1px, transparent 1px), radial-gradient(circle at 14% 8%, color-mix(in hsl, var(--luxury-gold) 8%, transparent), transparent 30rem), radial-gradient(circle at 92% 10%, color-mix(in hsl, var(--role-accent) 8%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in hsl, var(--background) 98%, white), var(--background));background-size:44px 44px,44px 44px,auto,auto,auto}.dark .lkd-shell{background:linear-gradient(90deg, color-mix(in hsl, var(--role-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in hsl, var(--role-accent) 5%, transparent) 1px, transparent 1px), radial-gradient(circle at 14% 8%, color-mix(in hsl, var(--luxury-gold) 8%, transparent), transparent 30rem), radial-gradient(circle at 92% 10%, color-mix(in hsl, var(--role-accent) 11%, transparent), transparent 34rem), linear-gradient(180deg, var(--background), var(--background));background-size:44px 44px,44px 44px,auto,auto,auto}.lkd-page-surface{border:1px solid color-mix(in hsl, var(--border) 70%, transparent);background:var(--surface-polished);box-shadow:var(--shadow-elegant)}.lkd-section-title{color:var(--foreground);letter-spacing:-.025em}.lkd-section-kicker{color:var(--role-text);background:var(--role-soft);border:1px solid var(--role-soft-strong)}.lkd-glass{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#ffffffbf;border:1px solid #fff9;box-shadow:0 18px 60px -32px #0f172a73}.dark .lkd-glass{background-color:#02061799;border-color:#ffffff1a}.lkd-theme-badge{color:var(--role-text);background:var(--role-soft);border-color:var(--role-soft-strong)}.lkd-theme-button{color:var(--role-on-accent);background:linear-gradient(135deg, var(--role-accent), var(--role-accent-2))}[data-slot=card]:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in hsl, var(--luxury-gold) 72%, white), color-mix(in hsl, var(--role-accent) 58%, white), transparent);opacity:.82;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}[data-slot=card]:after{content:"";background:radial-gradient(circle at 10% 0%, color-mix(in hsl, var(--luxury-gold) 7%, transparent), transparent 22rem), linear-gradient(180deg, color-mix(in hsl, var(--role-accent) 3%, transparent), transparent 38%);opacity:.85;pointer-events:none;z-index:-1;position:absolute;inset:0}[data-slot=card-content] table{border-radius:.75rem;overflow:hidden}[data-slot=card-content] th{background-color:color-mix(in hsl, var(--muted) 55%, transparent);color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}[data-slot=card-content] td{color:color-mix(in hsl, var(--foreground) 88%, transparent);font-size:.875rem}[data-slot=card-content] tr{transition:background-color .18s}[data-slot=card-content] tbody tr:hover{background-color:color-mix(in hsl, var(--role-accent) 5%, transparent)}[data-slot=input],select,textarea{font-feature-settings:"cv02", "cv03", "cv04", "cv11"}label{color:color-mix(in hsl, var(--foreground) 82%, transparent);font-weight:650}.lkd-info-panel{border:1px solid var(--role-soft-strong);background:linear-gradient(180deg, color-mix(in hsl, var(--role-accent) 7%, transparent), transparent), var(--surface-elevated);box-shadow:var(--shadow-elegant);border-radius:1.35rem}.lkd-meta-label{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.lkd-meta-value{color:var(--foreground);font-size:.875rem;font-weight:700}.lkd-compact-card{border:1px solid color-mix(in hsl, var(--border) 70%, transparent);background-color:color-mix(in hsl, var(--card) 90%, transparent);color:var(--card-foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.lkd-compact-card:hover{transform:translateY(-.125rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}.ui-button{cursor:pointer;color:oklch(20% .01 0);background-color:oklch(96% .01 0);border:1px solid #0000;border-radius:.285714rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:background .1s,color .1s,box-shadow .1s,border-color .1s;display:inline-flex;box-shadow:inset 0 0 0 1px #0000,inset 0 0 #22242626}.dark .ui-button{color:oklch(90% .01 0);background-color:oklch(25% .01 0)}.ui-button:hover{background-color:oklch(92% .01 0)}.dark .ui-button:hover{background-color:oklch(30% .01 0)}.ui-button.primary{color:#fff;background-color:oklch(25% .01 0)}.dark .ui-button.primary{color:#000;background-color:oklch(95% .01 0)}.ui-button.primary:hover{background-color:oklch(15% .01 0)}.dark .ui-button.primary:hover{background-color:oklch(85% .01 0)}.ui-button.positive,.ui-button.green{color:#fff;background-color:oklch(62.7% .194 149.21)}.ui-button.positive:hover,.ui-button.green:hover{background-color:oklch(56.9% .196 149.77)}.ui-button.negative,.ui-button.red{color:#fff;background-color:oklch(62.7% .22 28.5)}.ui-button.negative:hover,.ui-button.red:hover{background-color:oklch(53% .2 28.5)}.ui-button.blue{color:#fff;background-color:oklch(58% .2 250)}.ui-button.blue:hover{background-color:oklch(50% .2 250)}.ui-segment{background-color:var(--card);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;padding:1.5rem;position:relative;box-shadow:0 1px 2px #22242626}.ui-raised-segment{background-color:var(--card);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;padding:1.5rem;box-shadow:0 2px 4px #2224261f,0 2px 10px #22242626}.ui-secondary-segment{background-color:var(--muted);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;padding:1.5rem;box-shadow:0 1px 2px #22242614}.ui-stacked-segment{background-color:var(--card);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;padding:1.5rem;position:relative;box-shadow:0 1px 2px #22242626}.ui-stacked-segment:after{content:"";border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--card);height:3px;position:absolute;bottom:-3px;left:2px;right:2px}.ui-piled-segment{background-color:var(--card);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;padding:1.5rem;position:relative;box-shadow:0 1px 2px #22242626}.ui-piled-segment:after,.ui-piled-segment:before{content:"";border:1px solid var(--border);background:var(--card);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-piled-segment:before{transform:rotate(-1deg)}.ui-piled-segment:after{transform:rotate(1deg)}.ui-card{background:var(--card);border:1px solid var(--border);border-radius:.285714rem;flex-direction:column;width:100%;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014,0 0 0 1px #0000000d}.ui-card:hover{box-shadow:0 4px 8px #2224261f,0 2px 10px #22242614}.ui-card-content{border-top:none;flex-grow:1;padding:1em}.ui-card-header{color:var(--foreground);font-size:1.1em;font-weight:700;line-height:1.2}.ui-card-meta{color:var(--muted-foreground);margin-top:.25em;font-size:.85em}.ui-card-description{color:var(--foreground);opacity:.85;margin-top:.5em;font-size:.9em}.ui-card-extra{border-top:1px solid var(--border);max-width:100%;box-shadow:none;color:var(--muted-foreground);background:0 0;padding:.75em 1em;font-size:.85em;min-height:0!important}.ui-menu{background:var(--card);border:1px solid var(--border);border-radius:.285714rem;margin:1rem 0;display:flex;box-shadow:0 1px 2px #22242626}.ui-menu-item{color:var(--foreground);border-right:1px solid var(--border);cursor:pointer;align-items:center;padding:.928571em 1.14286em;font-size:.875rem;font-weight:500;transition:background-color .1s;display:flex}.ui-menu-item:hover{background-color:var(--accent)}.ui-menu-item.active{background-color:var(--accent);font-weight:700}.ui-divider{text-transform:uppercase;letter-spacing:.05em;height:0;color:var(--muted-foreground);border-top:1px solid var(--border);margin:1.5rem 0;font-weight:700;line-height:1}.ui-horizontal-divider{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);align-items:center;margin:1.5rem 0;font-size:.75rem;font-weight:700;display:flex}.ui-horizontal-divider:before,.ui-horizontal-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.ui-horizontal-divider:not(:empty):before{margin-right:1.5em}.ui-horizontal-divider:not(:empty):after{margin-left:1.5em}