@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0xa7br5mfity1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1svzn21vgh2j9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.3tasb8qs95n_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0xa7br5mfity1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1svzn21vgh2j9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.3tasb8qs95n_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0xa7br5mfity1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1svzn21vgh2j9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.3tasb8qs95n_v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Fallback;src:local(Arial);ascent-override:90.59%;descent-override:21.46%;line-gap-override:0.0%;size-adjust:104.87%}.public_sans_5a501095-module__KgTIvG__className{font-family:Public Sans,Public Sans Fallback;font-style:normal}.public_sans_5a501095-module__KgTIvG__variable{--font-public-sans:"Public Sans", "Public Sans Fallback"}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/20aee433927f7d4b-s.2_7u3qf8hb00l.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/256e1f7f180674ba-s.3qp6y754qyij-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/be3bf58b83159894-s.437wgy8nypf_z.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/753b6407f468151f-s.36f255hs6fere.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/292081311a6a8abc-s.3ffd3kh1ay1yu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../media/68d403cf9f2c68c5-s.p.0xq4un9mlaiqb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/20aee433927f7d4b-s.2_7u3qf8hb00l.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/256e1f7f180674ba-s.3qp6y754qyij-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/be3bf58b83159894-s.437wgy8nypf_z.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/753b6407f468151f-s.36f255hs6fere.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/292081311a6a8abc-s.3ffd3kh1ay1yu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url(../media/68d403cf9f2c68c5-s.p.0xq4un9mlaiqb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/20aee433927f7d4b-s.2_7u3qf8hb00l.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/256e1f7f180674ba-s.3qp6y754qyij-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/be3bf58b83159894-s.437wgy8nypf_z.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/753b6407f468151f-s.36f255hs6fere.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/292081311a6a8abc-s.3ffd3kh1ay1yu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../media/68d403cf9f2c68c5-s.p.0xq4un9mlaiqb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Fallback";src:local(Times New Roman);ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.0%;size-adjust:117.91%}.source_serif_4_936eebd8-module__jbuGZG__className{font-family:"Source Serif 4","Source Serif 4 Fallback";font-style:normal}.source_serif_4_936eebd8-module__jbuGZG__variable{--font-source-serif:"Source Serif 4", "Source Serif 4 Fallback"}
:root{--latar:#f3f5f4;--permukaan:#fff;--garis:#d8deda;--sidebar:#16302a;--tinta:#18211d;--tinta-redup:#55625b;--pinus:#2a7356;--pinus-dark:#215d45;--pinus-tint:#e6efea;--segera:#e6b044;--segera-dark:#cf9932;--segera-tint:#fcf7ed;--segera-text:#9a4f00;--rahasia:#8c2a2a;--rahasia-tint:#f6e1e1;--menunggu:#2f5d8a;--menunggu-tint:#e3ecf5;--netral:var(--garis);--success:var(--pinus);--success-text:#194634;--primary-50:var(--pinus-tint);--primary-100:var(--pinus-tint);--primary-200:#c2d9ce;--primary-500:var(--pinus);--primary-600:var(--pinus-dark);--primary-700:#194634;--gray-50:var(--latar);--gray-100:#ebece8;--gray-200:var(--garis);--gray-300:#bcc5c1;--gray-400:#93a09a;--gray-500:var(--tinta-redup);--gray-600:#3e4b45;--gray-700:#29342f;--gray-900:var(--tinta);--danger:var(--rahasia);--danger-light:var(--rahasia-tint);--warning:var(--segera);--warning-light:var(--segera-tint);--info:var(--menunggu);--info-light:var(--menunggu-tint);--success-light:var(--pinus-tint);--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:32px;--sidebar-width:240px;--sidebar-collapsed:72px;--navbar-height:56px;--border-radius-sm:2px;--border-radius:4px;--border-radius-lg:6px;--border-radius-xl:8px;--border-width:1px;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:0 4px 12px #18211d14;--shadow-xl:0 8px 24px #18211d1f;--shadow-glass:none;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.3s cubic-bezier(.16, 1, .3, 1);--font-family:var(--font-public-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:var(--font-public-sans), sans-serif;--font-serif:var(--font-source-serif), Georgia, serif;--bg-primary:var(--latar);--bg-card:var(--permukaan);--bg-sidebar:var(--sidebar);--bg-sidebar-hover:#ffffff14;--bg-sidebar-active:var(--pinus);--text-primary:var(--tinta);--text-secondary:var(--tinta-redup);--text-muted:var(--tinta-redup);--text-inverse:#fff;--border-color:var(--garis)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;font-size:var(--text-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.page-content{margin-top:var(--navbar-height);flex:1;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:24px 32px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);height:100vh;color:var(--text-inverse);z-index:100;transition:width var(--transition);border-right:1px solid #ffffff0d;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-logo{border-radius:var(--border-radius);background:#fff;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:3px;font-size:18px;font-weight:800;display:flex;box-shadow:0 1px 3px #00000026}.sidebar-title{flex-direction:column;display:flex;overflow:hidden}.sidebar-title h1{font-family:var(--font-heading);white-space:nowrap;font-size:14px;font-weight:600;line-height:1.3}.sidebar-title span{opacity:.8;white-space:nowrap;font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff59;padding:16px 12px 6px;font-size:10px;font-weight:600}.sidebar-link{border-radius:var(--border-radius-sm);color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-link.active{background:var(--bg-sidebar-active);color:#fff;font-weight:600}.sidebar-link.active:before{content:"";background:#fff;border-radius:0;width:3px;position:absolute;top:0;bottom:0;left:0}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:16px}.sidebar-user{border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user:hover{background:var(--bg-sidebar-hover)}.sidebar-avatar{border-radius:var(--border-radius-sm);background:var(--primary-500);color:#fff;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-user-role{opacity:.6;white-space:nowrap;font-size:11px}.navbar{top:0;right:0;left:var(--sidebar-width);height:var(--navbar-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:90;transition:left var(--transition);background:#f7f7f4d9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed}.navbar-left{align-items:center;gap:16px;display:flex}.navbar-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.navbar-breadcrumb span{color:var(--text-muted)}.navbar-breadcrumb strong{color:var(--text-primary);font-weight:600}.navbar-right{align-items:center;gap:8px;display:flex}.navbar-icon-btn{border-radius:var(--border-radius);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.navbar-icon-btn:hover{background:var(--gray-100);color:var(--text-primary)}.navbar-icon-btn .badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.navbar-user-btn{border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.navbar-user-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.navbar-user-avatar{border-radius:var(--border-radius-sm);background:var(--primary-500);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.navbar-user-name{font-family:var(--font-heading);color:var(--text-primary);font-size:13.5px;font-weight:600}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header-left h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:800;line-height:1.1}.page-header-left p{font-size:var(--text-base);color:var(--text-secondary);margin-top:4px}.card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--border-color);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.card-header h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.card-body{padding:20px 24px}.card-footer{border-top:1px solid var(--border-color);padding:16px 24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--border-color);transition:all var(--transition-fast);align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:after{display:none}.stat-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.stat-icon{border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.primary{background:var(--primary-50);color:var(--primary-600)}.stat-icon.warning{background:var(--warning-light);color:var(--warning)}.stat-icon.danger{background:var(--danger-light);color:var(--danger)}.stat-icon.success{background:var(--success-light);color:var(--success)}.stat-icon.info{background:var(--info-light);color:var(--info)}.stat-icon.accent{background:var(--accent-50);color:var(--accent-700)}.stat-content{flex:1}.stat-label{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.stat-value{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--primary-700);font-size:42px;font-weight:800;line-height:1}.stat-change{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.btn{border-radius:var(--border-radius);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--primary-600)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:var(--accent-600)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{padding:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.badge-primary{background:var(--pinus-tint);color:var(--pinus)}.badge-success{background:var(--pinus-tint);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:var(--segera-text)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.badge-purple{background:var(--rahasia-tint);color:var(--rahasia)}.table-container{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-card);overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.data-table thead{background:var(--gray-50);border-bottom:1px solid var(--border-color)}.data-table th{text-align:left;font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--pinus-tint)}.data-table tr.actionable{border-left:3px solid var(--pinus)}.data-table tbody tr:last-child td{border-bottom:none}.data-table.compact-table th{background:var(--bg-card);border-bottom:2px solid var(--border-color);padding:8px 16px}.data-table.compact-table td{padding:8px 16px}.table-actions{justify-content:flex-end;gap:8px;display:flex}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border-color);border-radius:var(--border-radius);width:100%;font-family:var(--font-family);color:var(--text-primary);transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);outline:2px solid var(--primary-500);outline-offset:-1px;box-shadow:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{gap:12px;padding-top:12px;display:flex}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:6px;bottom:6px;left:11px}.timeline-item{padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:3px solid var(--primary-400);z-index:1;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-26px}.timeline-item:first-child .timeline-dot{background:var(--primary-500);border-color:var(--primary-500)}.timeline-item.completed .timeline-dot{background:var(--success);border-color:var(--success)}.timeline-content{background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-100);padding:12px 16px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.timeline-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:600}.timeline-time{color:var(--text-muted);font-size:12px}.timeline-body{color:var(--text-secondary);font-size:13px}.timeline-actor{color:var(--primary-600);margin-top:4px;font-size:12px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--border-color);width:100%;max-width:560px;max-height:85vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h2{font-family:var(--font-heading);font-size:20px;font-weight:700}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--gray-200);color:var(--text-primary)}.modal-body{padding:0 24px 24px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-wrapper{flex:1;min-width:240px;position:relative}.search-input-wrapper svg{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius);width:100%;font-family:var(--font-family);transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px 10px 42px;font-size:14px}.search-input:focus{border-color:var(--primary-500);outline:2px solid var(--primary-500);outline-offset:-1px}.filter-select{border:1.5px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;min-width:160px;transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px;font-size:13px}.filter-select:focus{border-color:var(--primary-400)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:16px}.empty-state h3{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{max-width:400px;margin:0 auto;font-size:14px}.notif-panel{background:var(--bg-card);border-radius:var(--border-radius-lg);width:380px;max-height:480px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:200;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-header h3{font-family:var(--font-heading);font-size:15px;font-weight:700}.notif-list{max-height:380px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--gray-50);cursor:pointer;transition:background var(--transition-fast);gap:12px;padding:14px 20px;display:flex}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:var(--primary-50)}.notif-item.unread:hover{background:var(--primary-100)}.notif-dot{background:var(--primary-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-item:not(.unread) .notif-dot{background:0 0}.notif-content{flex:1}.notif-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.notif-message{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.notif-time{color:var(--text-muted);margin-top:4px;font-size:11px}.steps{align-items:center;gap:4px;margin-bottom:24px;display:flex}.step{background:var(--gray-100);color:var(--text-muted);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:500;display:flex}.step.active{background:var(--primary-500);color:#fff}.step.completed{background:var(--success-light);color:#065f46}.step-connector{background:var(--gray-200);flex-shrink:0;width:20px;height:2px}.step.completed+.step-connector,.step.active+.step-connector{background:var(--primary-300)}@media (prefers-reduced-motion:no-preference){@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.2s cubic-bezier(.16,1,.3,1) both fadeIn}.animate-slideUp{animation:.25s cubic-bezier(.16,1,.3,1) both slideUp}}@media (prefers-reduced-motion:reduce){.animate-fadeIn,.animate-slideUp{animation:none!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{background:var(--permukaan);min-height:100vh;display:flex}.login-left{background:var(--sidebar);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:64px;display:flex}.login-kop{text-align:center;border-bottom:3px double #fff3;max-width:480px;margin:0 auto 24px;padding-bottom:20px}.login-kop-title{font-family:var(--font-serif);margin-top:16px;margin-bottom:4px;font-size:28px;font-weight:600;line-height:1.3}.login-kop-subtitle{font-family:var(--font-family);color:#ffffffb3;font-size:13px}.login-right{background:var(--permukaan);flex-direction:column;justify-content:center;width:500px;padding:48px;display:flex}.login-right-content{width:100%;max-width:360px;margin:0 auto}@media (max-width:800px){.login-page{flex-direction:column}.login-left{flex:none;padding:40px 24px}.login-right{flex:1;width:100%;padding:32px 24px}}.login-form .form-group{margin-bottom:18px}.login-error{background:var(--danger-light);color:#991b1b;border-radius:var(--border-radius);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.login-btn{width:100%;padding:14px;font-size:15px;font-weight:600}.login-demo{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.login-demo h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:12px;font-size:12px;font-weight:600}.demo-accounts-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.demo-account-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--gray-50);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-family);padding:8px 10px}.demo-account-btn:hover{border-color:var(--primary-300);background:var(--primary-50)}.demo-account-btn .demo-role{color:var(--primary-600);font-size:11px;font-weight:600}.demo-account-btn .demo-email{color:var(--text-muted);word-break:break-all;font-size:10px}.tabs{border-bottom:2px solid var(--border-color);gap:4px;margin-bottom:24px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:10px 20px;position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-600);font-weight:600}.tab.active:after{content:"";background:var(--primary-500);border-radius:1px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.detail-title{font-family:var(--font-heading);font-size:22px;font-weight:700}.detail-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.detail-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.info-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-item{padding:12px 0}.info-item.full-width{grid-column:1/-1}.info-label{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.info-value{color:var(--text-primary);font-size:14px;font-weight:500}.two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:24px}.toast{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-500);align-items:center;gap:12px;min-width:320px;padding:14px 20px;font-size:14px;animation:.3s slideDown;display:flex}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.error{border-left-color:var(--danger)}.user-dropdown{background:var(--bg-card);border-radius:var(--border-radius-lg);width:240px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:200;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.user-dropdown-header .name{font-size:14px;font-weight:600}.user-dropdown-header .email{color:var(--text-muted);font-size:12px}.user-dropdown-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-size:14px;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:10px;padding:10px 20px;display:flex}.user-dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:var(--danger-light)}.user-dropdown-item.warning{color:var(--warning)}.user-dropdown-item.warning:hover{background:var(--warning-light)}.sidebar-mobile-toggle{display:none}@media (max-width:1024px){.info-grid,.two-col,.three-col,.form-row{grid-template-columns:1fr}}@media (max-width:768px){.sidebar-mobile-toggle{z-index:150;border-radius:var(--border-radius);background:var(--primary-500);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:16px;left:16px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.navbar{padding:0 16px;left:0}.page-content{padding:16px}.stats-grid,.demo-accounts-grid{grid-template-columns:1fr}.login-card{padding:28px}.steps{flex-wrap:wrap}}.chip{border-radius:var(--border-radius);white-space:nowrap;vertical-align:middle;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.chip svg{flex-shrink:0}.chip-compact{padding:2px 4px}.chip-compact span{display:none}.chip-netral{background:var(--latar);color:var(--tinta-redup)}.chip-info{background:var(--menunggu-tint);color:var(--menunggu)}.chip-segera{background:var(--segera-tint);color:var(--segera-text)}.chip-sukses{background:var(--pinus-tint);color:var(--success-text)}.chip-bahaya{background:var(--rahasia-tint);color:var(--rahasia)}.konfirmasi-dialog{overflow-wrap:anywhere;border-radius:var(--border-radius-lg);width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-xl);background:var(--permukaan);color:var(--tinta);border:none;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}.konfirmasi-dialog::backdrop{background:#18211d66}.konfirmasi-dialog-isi{padding:24px}.konfirmasi-dialog-judul{margin-bottom:8px;font-size:16px;font-weight:700}.konfirmasi-dialog-pesan{color:var(--tinta-redup);margin-bottom:20px;font-size:14px;line-height:1.5}.konfirmasi-dialog-aksi{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.unggah-pdf-wrapper{flex-direction:column;gap:6px;display:flex}.unggah-pdf-drop{border:1px dashed var(--garis);border-radius:var(--border-radius);cursor:pointer;color:var(--tinta-redup);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:13px;display:flex}.unggah-pdf-drop:hover,.unggah-pdf-drop:focus-visible,.unggah-pdf-drop-active{border-color:var(--pinus);background:var(--pinus-tint);color:var(--pinus)}.unggah-pdf-drop-error{border-color:var(--rahasia);background:var(--rahasia-tint)}.unggah-pdf-disabled{opacity:.5;pointer-events:none}.unggah-pdf-hint{color:var(--tinta-redup);font-size:11px}.unggah-pdf-filled{border:1px solid var(--garis);border-radius:var(--border-radius);background:var(--latar);color:var(--tinta);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.unggah-pdf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.unggah-pdf-error{color:var(--rahasia);font-size:12px}.btn-danger{background:var(--rahasia);color:#fff}.btn-danger:hover{background:#6d1f1f}.katalog-section{margin-bottom:40px}.katalog-section h2{color:var(--tinta);border-bottom:1px solid var(--garis);margin-bottom:12px;padding-bottom:6px;font-size:14px;font-weight:700}.katalog-grid{flex-wrap:wrap;gap:12px;display:flex}.katalog-item{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.katalog-item code{color:var(--tinta-redup);font-family:monospace;font-size:10px}.login-error-warning{background:var(--segera-tint);color:var(--segera);border-color:var(--segera)}.admin-stat-bar{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--border-radius-lg);flex-wrap:wrap;align-items:center;gap:0;padding:16px 24px;display:flex}.admin-stat-item{flex-direction:column;align-items:flex-start;gap:2px;padding:0 24px;display:flex}.admin-stat-item:first-child{padding-left:0}.admin-stat-label{color:var(--tinta-redup);font-size:12px}.admin-stat-value{font-variant-numeric:tabular-nums;color:var(--tinta);font-size:22px;font-weight:700}.admin-stat-divider{background:var(--garis);flex-shrink:0;width:1px;height:32px}.admin-master-row{border-bottom:1px solid var(--garis);color:var(--tinta);align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.admin-master-row span{flex:1}.admin-master-row-warn{color:var(--segera)}.admin-banner-warning{background:var(--segera-tint);border:1px solid var(--segera);border-radius:var(--border-radius);color:var(--segera);align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.admin-info-box{background:var(--pinus-tint);border-radius:var(--border-radius);color:var(--pinus);align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;display:flex}.admin-warning-box{background:var(--segera-tint);border-radius:var(--border-radius);color:var(--segera);padding:10px 14px;font-size:12px}.form-hint{color:var(--tinta-redup);margin-top:4px;font-size:11px}.form-input-readonly{background:var(--latar);border:1px solid var(--garis);border-radius:var(--border-radius);color:var(--tinta-redup);padding:10px 14px;font-size:14px;font-weight:500}.modal-error{background:var(--rahasia-tint);border:1px solid var(--rahasia);border-radius:var(--border-radius);color:var(--rahasia);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.petugas-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.petugas-stat-grid{grid-template-columns:repeat(2,1fr)}}.petugas-stat-card{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--border-radius-lg);align-items:center;gap:14px;padding:16px 20px;display:flex}.petugas-stat-icon{color:var(--pinus);flex-shrink:0}.petugas-stat-label{color:var(--tinta-redup);font-size:12px}.petugas-stat-nilai{font-variant-numeric:tabular-nums;color:var(--tinta);font-size:24px;font-weight:700}.sifat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.sifat-opsi{border:1.5px solid var(--garis);border-radius:var(--border-radius);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.sifat-opsi:hover,.sifat-opsi-aktif{border-color:var(--pinus);background:var(--pinus-tint)}.sifat-keterangan{color:var(--tinta-redup);font-size:11px;line-height:1.4}.konfirmasi-label{min-width:120px;color:var(--tinta-redup);flex-shrink:0;font-size:12px}.konfirmasi-value{color:var(--tinta);font-size:13px}.lembar-disposisi{background:#fff;border:2px solid #334155;border-radius:8px;margin-top:16px;overflow:hidden;box-shadow:0 8px 20px -4px #0000001f}.lembar-kop{background:#fafafa;border-bottom:3px double #334155;justify-content:center;align-items:center;gap:20px;padding:20px 24px 16px;display:flex}.lembar-kop-logo{object-fit:contain;flex-shrink:0;width:54px;height:66px}.lembar-kop-teks{text-align:center}.lembar-kop-instansi{text-transform:uppercase;letter-spacing:.06em;color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:700}.lembar-kop-dinas{text-transform:uppercase;letter-spacing:.06em;color:var(--pinus);margin-bottom:2px;font-size:18px;font-weight:900}.lembar-kop-alamat{color:#64748b;margin-bottom:10px;font-size:11px}.lembar-kop-judul{letter-spacing:.1em;text-transform:uppercase;color:#0f172a;border:2px solid #0f172a;border-radius:4px;padding:5px 20px;font-size:14px;font-weight:900;display:inline-block}.lembar-seksi{border-bottom:1px solid #e2e8f0;padding:20px 24px}.lembar-seksi-judul{text-transform:uppercase;color:#475569;letter-spacing:.05em;border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:800;display:flex}.lembar-seksi-tag{color:var(--pinus);background:var(--pinus-tint);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.lembar-tabel-data{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.lembar-td-label{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;width:18%;padding:8px 12px;font-weight:600}.lembar-td-isi{color:#0f172a;border-bottom:1px solid #e2e8f0;width:32%;padding:8px 12px}.lembar-sifat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lembar-sifat-item{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.lembar-sifat-item-aktif{color:#0369a1;background:#e0f2fe;border-color:#0284c7;font-weight:700}.lembar-seksi-terkunci{background:#f8fafc;position:relative}.lembar-terkunci-label{color:#475569;background:#f1f5f9;border:1px solid #94a3b8;border-radius:4px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-12px;left:20px}.lembar-grid-2{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:8px;display:grid}.lembar-kotak{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 14px}.lembar-kotak-judul{color:#334155;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.lembar-kotak-catatan{flex:1}.lembar-kotak-paraf{text-align:center}.lembar-aksi{background:#fafafa;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.disp-banner-sukses{border-radius:var(--border-radius-lg);color:#065f46;background:#ecfdf5;border:1.5px solid #10b981;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 20px;display:flex}.disp-banner-info{border-radius:var(--border-radius-lg);color:#1e40af;background:#eff6ff;border:1.5px solid #93c5fd;align-items:flex-start;gap:14px;margin-bottom:16px;padding:14px 20px;display:flex}.tab-badge{background:var(--garis);min-width:18px;height:18px;color:var(--tinta-redup);border-radius:100px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.tab.active .tab-badge{background:var(--pinus-tint);color:var(--pinus)}.sk-stepbar{align-items:center;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.sk-step{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.sk-step-dot{background:var(--garis);width:28px;height:28px;color:var(--tinta-redup);border:2px solid var(--garis);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sk-step-label{color:var(--tinta-redup);white-space:nowrap;font-size:11px}.sk-step-done .sk-step-dot{background:var(--pinus);border-color:var(--pinus);color:#fff}.sk-step-active .sk-step-dot{background:var(--menunggu);border-color:var(--menunggu);color:#fff}.sk-step-active .sk-step-label{color:var(--menunggu);font-weight:700}.sk-step-done .sk-step-label{color:var(--pinus)}.sk-step-line{background:var(--garis);width:36px;height:2px;transition:background var(--transition-fast);flex-shrink:0;align-self:flex-start;margin:13px 2px 0}.sk-step-line-done{background:var(--pinus)}.sk-step-arsip{border-left:1px solid var(--garis);flex-shrink:0;align-items:center;gap:4px;margin-left:12px;padding-left:12px;display:flex}.sk-proses-steps{flex-direction:column;gap:0;display:flex}.sk-proses-item{border-bottom:1px solid var(--garis);gap:16px;padding:16px 0;display:flex}.sk-proses-item:last-child{border-bottom:none}.sk-proses-num{background:var(--permukaan);border:2px solid var(--garis);width:28px;height:28px;color:var(--tinta-redup);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sk-proses-body{flex:1}.sk-proses-judul{color:var(--tinta);margin-bottom:2px;font-size:14px;font-weight:600}.sk-proses-active .sk-proses-num{background:var(--menunggu);border-color:var(--menunggu);color:#fff}.sk-proses-done .sk-proses-num{background:var(--pinus);border-color:var(--pinus);color:#fff}.sk-proses-locked{opacity:.45;pointer-events:none}.kd-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.kd-stat-grid{grid-template-columns:repeat(2,1fr)}}.kd-stat-card{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--border-radius-lg);transition:box-shadow var(--transition-fast);align-items:center;gap:14px;padding:16px 20px;display:flex}.kd-stat-card:hover{box-shadow:0 4px 16px #00000012}.kd-stat-icon{background:var(--pinus-tint);width:38px;height:38px;color:var(--pinus);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kd-stat-label{color:var(--tinta-redup);margin-bottom:2px;font-size:12px}.kd-stat-nilai{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.konfirmasi-row{border-bottom:1px solid var(--garis);align-items:flex-start;gap:16px;padding:8px 0;display:flex}.konfirmasi-row:last-child{border-bottom:none}.konfirmasi-label{color:var(--tinta-redup);flex-shrink:0;width:160px;font-size:12px}.konfirmasi-value{flex:1;font-size:13px;font-weight:500}.sidebar-backdrop{display:none}@media screen{.main-content,.page-content,.card,.card-body,.two-col>*,.three-col>*,.info-grid>*,.form-row>*{min-width:0}.page-content{overflow-wrap:anywhere}.table-container,.table-responsive{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.tabs{max-width:100%;overflow-x:auto}.tab{flex-shrink:0}.form-actions,.card-footer,.modal-footer{flex-wrap:wrap}.page-content img,.page-content canvas,.page-content video,.page-content iframe{max-width:100%}}@media screen and (max-width:1024px){.navbar-breadcrumb>span{display:none}.navbar-left{min-width:0}.navbar-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-right{flex-shrink:0}.lembar-grid-2{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:768px){.sidebar{visibility:hidden;width:min(280px,100vw - 56px);height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{visibility:visible}.sidebar-header{padding-top:72px}.sidebar-backdrop{z-index:99;background:#00000073;border:0;display:block;position:fixed;inset:0}.sidebar-mobile-toggle{width:44px;height:44px;top:12px;left:12px}.navbar{gap:8px;padding:0 12px 0 68px}.navbar-breadcrumb{min-width:0;font-size:12px}.navbar-user-name{display:none}.navbar-icon-btn,.navbar-user-btn{min-width:44px;min-height:44px}.notif-panel,.user-dropdown{top:calc(var(--navbar-height) + 8px);width:auto;max-height:calc(100dvh - var(--navbar-height) - 24px);position:fixed;left:12px;right:12px;overflow-y:auto}.notif-list{max-height:none}.user-dropdown-header{overflow-wrap:anywhere}.page-content{padding:16px 12px max(24px, env(safe-area-inset-bottom))}.page-header{align-items:flex-start;gap:12px}.page-header-left h1{font-size:24px;line-height:1.25}.page-header>div{min-width:0;max-width:100%}.page-header>div:not(.page-header-left){flex-wrap:wrap}.card-header{flex-wrap:wrap;gap:12px;padding:16px}.card-body{padding:16px}.filter-bar>*,.search-input-wrapper{min-width:0;max-width:100%}.filter-bar>.search-input-wrapper{flex-basis:100%}.filter-select{flex:140px}.form-input,.form-select,.form-textarea,.search-input,.filter-select{max-width:100%;min-height:44px;font-size:16px}input[type=file]{max-width:100%}input,select,textarea{scroll-margin-block:90px}.btn,.btn-sm,.tab,.modal-close,.user-dropdown-item{min-height:44px}.btn{white-space:normal;max-width:100%}.btn-icon,.modal-close{flex-shrink:0;min-width:44px}.table-actions{flex-wrap:wrap}.table-container .data-table{min-width:600px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-header{gap:12px}.modal-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.modal-header,.modal-footer{flex-shrink:0}.konfirmasi-dialog-isi{padding:20px}.konfirmasi-dialog-aksi>.btn,.modal-footer>.btn{flex:120px}.timeline-header{flex-wrap:wrap;gap:4px}.admin-stat-bar{flex-wrap:wrap;gap:12px}.lembar-kop{gap:10px;padding:16px 12px}.lembar-kop-dinas{font-size:15px}.lembar-seksi{padding:16px 12px}.lembar-seksi-judul,.lembar-aksi{flex-wrap:wrap;gap:8px}.lembar-tabel-data{table-layout:fixed}.lembar-td-label{width:32%}.lembar-sifat-grid,.sifat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.konfirmasi-row{flex-wrap:wrap;gap:4px}}@media screen and (max-width:480px){.navbar-breadcrumb{display:none}.navbar{justify-content:flex-end}.petugas-stat-grid,.kd-stat-grid{grid-template-columns:minmax(0,1fr)}.form-actions>.btn{flex:100%}.login-left{padding:24px 16px}.login-right{padding:16px}.login-card{padding:24px 16px}}@media screen{:is(.card-body:has(>table),.card:has(>table)){max-width:100%;overflow-x:auto}}@media screen and (max-width:768px){.card-body>.data-table,.card>.data-table{min-width:600px}.card-header>div{flex-wrap:wrap;min-width:0;max-width:100%}.form-control{max-width:100%;min-height:44px}}
.StartupScreen-module__EMCwoG__screen{z-index:2000;background:var(--sidebar);color:#f5f7f1;flex-direction:column;min-height:100dvh;padding:clamp(24px,4vw,56px);transition:opacity .26s;display:flex;position:fixed;inset:0;overflow-y:auto}.StartupScreen-module__EMCwoG__screen:before{content:"";background:var(--segera);height:4px;position:absolute;inset:0 0 auto}.StartupScreen-module__EMCwoG__leaving{opacity:0}.StartupScreen-module__EMCwoG__identity{color:#c2d9ce;align-items:center;gap:12px;font-size:12px;line-height:1.65;display:flex}.StartupScreen-module__EMCwoG__identityMark{background:linear-gradient(#c2d9ce,#c2d9ce) 5px 10px/12px 1px no-repeat,linear-gradient(#c2d9ce,#c2d9ce) 5px 16px/8px 1px no-repeat;border:1px solid #c2d9ce;border-radius:1px 1px 8px;flex-shrink:0;width:24px;height:32px}.StartupScreen-module__EMCwoG__center{text-align:center;width:min(100%,620px);margin:auto;padding:48px 0;animation:.65s cubic-bezier(.16,1,.3,1) both StartupScreen-module__EMCwoG__arrival}.StartupScreen-module__EMCwoG__crest{width:clamp(64px,12vw,88px);height:auto;margin:0 auto 28px}.StartupScreen-module__EMCwoG__title{color:inherit;font-family:var(--font-serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(38px,7vw,64px);font-weight:500;line-height:1.12}.StartupScreen-module__EMCwoG__title span{color:var(--segera)}.StartupScreen-module__EMCwoG__agency{margin:20px 0 6px;font-size:clamp(17px,2.5vw,21px);font-weight:500}.StartupScreen-module__EMCwoG__description{color:#c2d9ce;text-wrap:balance;margin:0;font-size:13px;line-height:1.7}.StartupScreen-module__EMCwoG__loading{width:min(100%,232px);margin:44px auto 0}.StartupScreen-module__EMCwoG__track{background:#426257;height:2px;overflow:hidden}.StartupScreen-module__EMCwoG__track span{background:var(--segera);width:40%;height:100%;animation:1.45s ease-in-out infinite StartupScreen-module__EMCwoG__loading;display:block}.StartupScreen-module__EMCwoG__loading p{color:#c2d9ce;margin:14px 0 0;font-size:12px;line-height:1.6}.StartupScreen-module__EMCwoG__footer{color:#c2d9ce;border-top:1px solid #426257;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.StartupScreen-module__EMCwoG__recovery{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.StartupScreen-module__EMCwoG__recovery button{color:#f5f7f1;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #c2d9ce;border-radius:4px;padding:10px 16px}.StartupScreen-module__EMCwoG__recovery button:hover{background:#29473c}.StartupScreen-module__EMCwoG__recovery button:focus-visible{outline:3px solid var(--segera);outline-offset:4px}@keyframes StartupScreen-module__EMCwoG__arrival{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes StartupScreen-module__EMCwoG__loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width:480px){.StartupScreen-module__EMCwoG__identity{font-size:11px}.StartupScreen-module__EMCwoG__center{padding:36px 0}.StartupScreen-module__EMCwoG__footer{text-align:center;flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.StartupScreen-module__EMCwoG__screen{transition:none}.StartupScreen-module__EMCwoG__center,.StartupScreen-module__EMCwoG__track span{animation:none}.StartupScreen-module__EMCwoG__track span{width:100%}}