body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{display:flex;font-family:Montserrat,sans-serif;height:100vh}.sidebar{padding:44px 22px;z-index:20}.sidebar .logo{gap:10px;margin:4px 0 26px;text-align:center}.sidebar .menu a.active .menu-icon,.sidebar .menu a:hover .menu-icon{filter:brightness(1.2)}.Content{background:#f7f8fc;display:flex;flex:1 1;flex-direction:column;margin-left:200px;padding:20px 30px}.user-info h4{font-size:.9rem;margin:0}.user-info p{color:#555;font-size:.7rem;margin:0}.popup-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:12px 20px;position:absolute;right:20px;top:65px;transition:all .2s ease-in-out;z-index:200}.popup-text{color:#333;font-size:16px;font-weight:500;text-decoration:none}.popup-text:hover{color:#152259}.hero{flex-direction:row;font-style:bold}:root{--sidebar-w:230px;--bg-sidebar:#152259;--bg-active:#1e3a8a;--text:#cfd8e3;--white:#fff}.sidebar{background:var(--bg-sidebar);color:var(--white);gap:10px;inset:0 auto 0 0;overflow-y:auto;padding:28px 18px;position:fixed;scrollbar-width:thin;transform:translateX(0);transition:transform .25s ease;width:230px;width:var(--sidebar-w);z-index:60}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff47}.sidebar-overlay{background:#00000059;display:none;inset:0;position:fixed;z-index:50}.sidebar-overlay.show{display:block}.sidebar-fab{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 22px #0000002e;color:#111827;cursor:pointer;display:none;font-size:20px;height:44px;left:14px;line-height:1;position:fixed;top:14px;width:44px;z-index:70}.dashboard-container>.content{box-sizing:border-box;margin-left:230px;margin-left:var(--sidebar-w);min-width:0;padding:22px 26px}.logo{align-items:center;display:flex;flex-direction:column;gap:10px;margin:6px 0 22px;text-align:center}.logo-icon{height:88px;object-fit:contain;width:88px}.logo-text{font-size:20px;font-weight:900;letter-spacing:.5px}.menu-section{margin-bottom:10px}.menu-title{font-size:11px;letter-spacing:.14em;margin:0 0 10px;opacity:.85}.menu a{align-items:center;border-radius:12px;color:#cfd8e3;color:var(--text);display:flex;font-size:14px;gap:10px;margin:8px 0;padding:10px 12px;text-decoration:none;transition:background .18s ease,color .18s ease,transform .14s ease;width:100%}.menu a .menu-icon{height:20px;object-fit:contain;width:20px}.menu a:hover{background:#1e3a8a8c;color:#fff;transform:translateX(3px)}.menu a.active{background:#1e3a8a;background:var(--bg-active);color:#fff}.submenu-toggle{border:none;border-radius:12px;color:#cfd8e3;color:var(--text);font-size:14px;margin:8px 0;transition:background .18s ease,color .18s ease,transform .14s ease}.submenu-toggle .menu-icon{height:20px;object-fit:contain;width:20px}.submenu-arrow{margin-left:auto;opacity:.85}.submenu-toggle:hover{background:#1e3a8a8c;color:#fff;transform:translateX(3px)}.submenu{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px;padding-left:12px}.submenu-link{border-radius:10px;color:#e5e7eb;font-size:13px;opacity:.96;padding:7px 10px 7px 16px;text-decoration:none}.submenu-link:before{color:#9ca3af;left:7px;transform:translateY(-52%)}.submenu-link:hover{background:#ffffff0f}.submenu-link.active{background:#38bdf81a;color:#38bdf8;font-weight:800}.submenu-link.active:before{color:#0ea5e9}@media (max-width:1024px){:root{--sidebar-w:210px}}@media (max-width:991px){.sidebar{padding:24px 16px;transform:translateX(-110%);width:min(280px,86vw)}.sidebar.open{transform:translateX(0)}.sidebar-fab{align-items:center;display:inline-flex;justify-content:center}.dashboard-container>.content{margin-left:0;padding:16px}.logo-icon{height:78px;width:78px}}.menu-icon{flex:0 0 18px;height:18px;object-fit:contain;width:18px}.submenu-toggle{background:#0000;border:0;cursor:pointer;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.submenu-toggle,.submenu-toggle-left{align-items:center;display:flex;gap:10px}.submenu-arrow{font-size:12px;opacity:.7}.submenu-link{display:block;padding:8px 12px 8px 28px;position:relative}.submenu-link:before{content:"•";left:14px;opacity:.65;position:absolute;top:50%;transform:translateY(-50%)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Arial,sans-serif;margin:0;padding:0}.login-container{align-items:center;background:url(/static/media/bg-login.ca166a2cd5f77aa142e9.png) no-repeat 50%/cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fffffff2;border-radius:16px;box-shadow:0 6px 20px #0000004d;height:550px;max-width:90%;padding:30px 25px;text-align:center;width:400px}.login-logo{margin-bottom:15px;width:80px}.login-card h2{color:#222;font-size:1.5rem;font-style:bold;font-weight:600;margin-bottom:10px}.login-card p{color:#444;font-size:.9rem;font-style:bold;line-height:1.4;margin-bottom:20px}.form-group{font-style:bold;margin-bottom:15px;text-align:left;width:100%}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.required{color:red}.form-group input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;transition:border .3s;width:100%}.form-group input:focus{border-color:#007bff}.btn-login{background:linear-gradient(90deg,#007bff,#00a2ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px;transition:opacity .3s;width:100%}.btn-login:hover{opacity:.9}@media (max-width:480px){.login-card{border-radius:12px;padding:20px 15px}.login-logo{width:65px}.login-card h2{font-size:1.2rem}.login-card p{font-size:.8rem}.btn-login,.form-group input{font-size:.9rem;padding:10px}}.forgot-password{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:6px}.link-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:0}.link-btn:hover{text-decoration:underline}.pp .pp-muted{color:#64748b;color:var(--pp-muted)}.pp .pp-rightSpacer{flex:1 1}.pp .pp-sortGroup{display:flex;flex-wrap:wrap;gap:12px}.pp .pp-selectBtn{align-items:center;background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;box-shadow:0 8px 18px #02061714;display:inline-flex;gap:10px;height:46px;min-width:220px;padding:0 44px 0 14px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.pp .pp-selectBtn:hover{box-shadow:0 14px 28px #0206171f;transform:translateY(-1px)}.pp .pp-selectBtn:active{transform:translateY(0)}.pp .pp-selectIcon{color:#111827;flex:0 0 auto;font-size:18px;opacity:.9}.pp .pp-selectText{color:#111827;font-size:15px;font-weight:800;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp .pp-selectCaret{color:#111827;font-weight:900;opacity:.7;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.pp .pp-selectBtn select{appearance:none;-webkit-appearance:none;background:#0000;border:none;cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.pp .pp-searchBtn{flex:1 1;min-width:320px;padding-right:14px}.pp .pp-searchBtn .pp-selectCaret{display:none}.pp .pp-searchInput{background:#0000;border:none;color:#111827;font-size:15px;height:100%;outline:none;width:100%}.pp .pp-searchInput::placeholder{color:#9aa3b2;font-weight:700}@media (max-width:920px){.pp .pp-filter{align-items:stretch;flex-direction:column}.pp .pp-rightSpacer{display:none}.pp .pp-sortGroup{width:100%}.pp .pp-selectBtn{min-width:0;width:100%}.pp .pp-selectText{max-width:100%}.pp .pp-searchBtn{min-width:0}}.pp .pp-cellJudul{word-wrap:break-word;max-width:520px;white-space:normal}.pp .pp-ol{display:flex;flex-direction:column;font-size:14.5px;font-weight:500;gap:6px;line-height:1.45;margin:0;padding-left:18px}.pp .pp-ol--compact{font-size:14px;gap:4px}.pp .pp-oneLine{font-size:14.5px;font-weight:500;line-height:1.45}.pp .pp-cellActions--icons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pp .pp-modal{width:min(92vw,720px)}.pp .pp-modal--detail{width:min(96vw,980px)}.pp .pp-kvGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}@media (max-width:800px){.pp .pp-kvGrid{grid-template-columns:1fr}}.pp .pp-kvVal{align-items:center;display:flex;gap:8px}.pp .pp-judulList{grid-gap:10px;display:grid;gap:10px}.pp .pp-judulItem{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;padding:10px}.pp .pp-judulHead{align-items:center;display:flex;gap:8px;margin-bottom:8px}.pp .pp-badge{align-items:center;background:#e5e7eb;border-radius:999px;display:inline-flex;font-weight:900;height:26px;justify-content:center;width:26px}.pp .pp-judulText{font-weight:650}.pp .pp-iconGhost{background:#0000;border:none;border-radius:999px;color:#64748b;color:var(--pp-muted);cursor:pointer;padding:4px 8px}.pp .pp-descBox,.pp .pp-iconGhost:hover{background:#f6f7fb;background:var(--pp-bg)}.pp .pp-descBox{border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp .pp-abstract{font-size:14.5px;line-height:1.75;margin:0;white-space:pre-line;word-break:break-word}.pp .pp-callout{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;padding:10px 12px}.pp .pp-callout--note{background:#fff7ed;border-color:#fdba7433}.pp .pp-datePill{align-items:center;background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;color:#64748b;color:var(--pp-muted);display:inline-flex;font-size:.9rem;gap:6px;padding:6px 10px}.pp .pp-dot{background:currentColor;border-radius:50%;display:inline-block;height:4px;margin:0 6px;opacity:.35;width:4px}.pp-stuList{gap:8px}.pp-stuItem{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:90px 1fr}.pp-stuHighlight{background:color-mix(in srgb,#fff 80%,#0000);background:color-mix(in srgb,var(--pp-card) 80%,#0000);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;margin:10px 0;padding:10px 12px}.pp-stuAcc{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pp-stuNote{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:12px;color:#64748b;color:var(--pp-muted);font-size:13.5px;margin-top:6px;padding:8px 10px}.hidden{display:none!important}@media (max-width:760px){.pp .pp-table thead{display:none}.pp .pp-table,.pp .pp-table tbody,.pp .pp-table td,.pp .pp-table tr{display:block;width:100%}.pp .pp-table tr{border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);padding:12px}.pp .pp-table td{grid-gap:10px;border-bottom:none;display:grid;gap:10px;grid-template-columns:110px 1fr;padding:8px 0}.pp .pp-table td:before{align-self:start;color:#64748b;color:var(--pp-muted);content:attr(data-label);font-size:.76rem;font-weight:900;letter-spacing:.4px;padding-top:2px;text-transform:uppercase}.pp .pp-cellActions--icons{justify-content:flex-start}}.pp .pp-filter{gap:10px;padding:14px}.pp .pp-filter .pp-selectBtn{border-color:color-mix(in srgb,#e7e9f2 85%,#0000);border-color:color-mix(in srgb,var(--pp-border) 85%,#0000);border-radius:14px;box-shadow:0 6px 16px #0206170f;height:44px;min-width:210px;padding:0 42px 0 12px}.pp .pp-filter .pp-selectBtn:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp .pp-filter .pp-selectIcon{color:#64748b;color:var(--pp-muted);font-size:17px;opacity:1}.pp .pp-filter .pp-selectText{color:#0f172a;color:var(--pp-text);font-size:14.5px;font-weight:500;letter-spacing:0}.pp .pp-filter .pp-selectCaret{color:#64748b;color:var(--pp-muted);font-weight:600;opacity:.9}.pp .pp-filter .pp-searchBtn{border-radius:14px;min-width:320px}.pp .pp-filter .pp-searchInput{color:#0f172a;color:var(--pp-text);font-size:14.5px;font-weight:500}.pp .pp-filter .pp-searchInput::placeholder{color:color-mix(in srgb,#64748b 70%,#0000);color:color-mix(in srgb,var(--pp-muted) 70%,#0000);font-weight:400}.pp .pp-filter .pp-selectBtn:focus-within{border-color:color-mix(in srgb,#2563eb 55%,#e7e9f2);border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f,0 10px 22px #0206171a;outline:none}.pp .pp-filter .pp-selectBtn[title*="Aksi Data"] .pp-selectText{font-weight:500}@media (max-width:920px){.pp .pp-filter{padding:12px}.pp .pp-filter .pp-selectBtn{border-radius:14px;height:44px}}.pp .pp-cellActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pp .pp-btnIcon{border:1px solid #0f172a14;color:#334155;height:40px;padding:0;transition:transform .1s ease,box-shadow .12s ease,background .15s ease;width:40px}.pp .pp-btnIcon:hover{box-shadow:0 8px 16px #02061714;transform:translateY(-1px)}.pp .pp-btnIcon svg{font-size:18px}.pp .pp-btnIcon--danger{background:#fff1f0;border-color:#ffd6d6;color:#b42318}.pp .pp-btnIcon--danger:hover{background:#ffe5e5}.pp .pp-btnIcon .pp-label--md{display:none}@media (max-width:760px){.pp .pp-btnIcon{gap:8px;height:auto;padding:8px 12px;width:auto}.pp .pp-btnIcon .pp-label--md{display:inline;font-size:13px;font-weight:700}}.pp .pp-detailOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1700}.pp .pp-detailCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 18px 40px #0206171f;box-shadow:var(--pp-shadow-2);display:flex;flex-direction:column;max-height:min(88vh,920px);overflow:hidden;width:min(980px,96vw)}.pp .pp-detailHeader{align-items:flex-start;background:linear-gradient(180deg,#f6f7fb,#fff);background:linear-gradient(180deg,var(--pp-bg),var(--pp-card));border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.pp .pp-detailHeaderLeft{align-items:flex-start;display:flex;gap:12px;min-width:0}.pp .pp-detailIcon{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#1e40af;display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.pp .pp-detailIcon svg{font-size:20px}.pp .pp-detailTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp .pp-detailTitle{font-size:16.5px;font-weight:900;letter-spacing:.2px;margin:0}.pp .pp-detailSub{align-items:center;color:#64748b;color:var(--pp-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:4px}.pp .pp-detailBody{overflow:auto;padding:12px 14px}.pp .pp-detailSection{margin:12px 0}.pp .pp-detailSectionHead{align-items:center;color:#0f172a;color:var(--pp-text);display:flex;gap:10px;margin-bottom:10px}.pp .pp-detailSectionHead svg{color:#64748b;color:var(--pp-muted);font-size:18px}.pp .pp-detailSectionHead h4{font-size:14px;font-weight:900;letter-spacing:.2px;margin:0}.pp .pp-detailGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.pp .pp-detailGrid{grid-template-columns:1fr}}.pp .pp-detailKv{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp .pp-detailKv--full{grid-column:1/-1}.pp .pp-detailKey{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.35px;margin-bottom:6px;text-transform:uppercase}.pp .pp-detailVal{color:#0f172a;color:var(--pp-text);font-weight:700;line-height:1.5}.pp .pp-detailClamp{word-break:break-word}.pp .pp-detailBox{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp .pp-detailBox--muted{color:#64748b;color:var(--pp-muted)}.pp .pp-detailText{font-size:14.5px;line-height:1.75;margin:0;white-space:pre-line;word-break:break-word}.pp .pp-detailFiles{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:820px){.pp .pp-detailFiles{grid-template-columns:1fr}}.pp .pp-detailFileCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);overflow:hidden}.pp .pp-detailFileTop{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px}.pp .pp-detailFileMeta{align-items:flex-start;display:flex;gap:10px;min-width:0}.pp .pp-detailBadge{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:12px;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.pp .pp-detailFileLabel{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.35px;text-transform:uppercase}.pp .pp-detailFileName{color:#0f172a;color:var(--pp-text);font-size:14px;font-weight:700;margin-top:2px;max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp .pp-detailFooter{align-items:center;background:linear-gradient(180deg,#fff,#f6f7fb);background:linear-gradient(180deg,var(--pp-card),var(--pp-bg));border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);display:flex;gap:10px;justify-content:space-between;padding:10px 14px}.pp .pp-detailFooterLeft{color:#64748b;color:var(--pp-muted);font-size:13px}.pp .pp-detailFooterRight{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp .pp-modal--small{width:min(560px,92vw)}.pp .pp-statusGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:520px){.pp .pp-statusGrid{grid-template-columns:1fr}}.pp .pp-statusBtn{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;box-shadow:0 6px 16px #0206170f;cursor:pointer;font-weight:900;padding:12px 10px;transition:transform .12s ease,box-shadow .12s ease}.pp .pp-statusBtn:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp .pp-statusBtn.is-ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.pp .pp-statusBtn.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pp .pp-statusBtn.is-info{background:#eff6ff;border-color:#bae6fd;color:#1e3a8a}.pp .pp-detailCard .pp-btnIcon{align-items:center;background:#f7f8fc;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 4px 10px #0206170f;color:#334155;cursor:pointer;display:inline-flex;height:40px;justify-content:center;text-decoration:none;width:40px}.pp .pp-detailCard .pp-btnIcon:hover{background:#eef2ff;box-shadow:0 8px 16px #02061714;transform:translateY(-1px)}.pp .pp-hero .pp-banner--warning,.pp .pp-hero .pp-banner--warning .pp-banner__msg,.pp .pp-hero .pp-banner--warning .pp-banner__title{color:#0f172a}.pp .pp-hero .pp-banner--warning .pp-banner__icon{color:#b45309}.fp{color:#0f172a;margin:0;max-width:1120px;padding:16px 18px}.fp-hero{border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:12px;padding:18px 18px 14px}.fp-heroLeft{flex:1 1 520px;min-width:260px}.fp-heroRight{align-items:flex-start;display:flex;flex:0 1 420px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.fp-badge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;letter-spacing:.2px;padding:6px 10px}.fp-badgeRole{text-transform:capitalize}.fp-title{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.2;margin:6px 0}.fp-desc{font-size:14px;margin:0 0 10px;opacity:.95}.fp-heroCtas{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.fp-mutedHero{font-size:13px;margin-top:10px;opacity:.95}.fp-progressCard{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;min-width:270px;padding:12px}.fp-progressTop{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.fp-progressTitle{font-size:14px;font-weight:800}.fp-progressPct{font-size:18px;font-weight:900}.fp-progressTrack{background:#ffffff2e;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.fp-progressBar{background:#ffffffd9;border-radius:999px;height:100%}.fp-stepPills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.fp-stepPill{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;font-size:12px;padding:6px 10px}.fp-stepPill.done{background:#22c55e2e;border-color:#22c55e40}.fp-progressHint{font-size:12px;margin-top:8px;opacity:.95}.fp-banner{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e3a8a;display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px;padding:12px}.fp-banner__icon{font-size:18px;line-height:1;margin-top:2px}.fp-banner__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.fp-banner__title{font-size:14px;font-weight:800}.fp-banner__msg{font-size:14px;opacity:.95}.fp-banner__close{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.fp-banner__close:hover{background:#0206170f}.fp-banner--danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.fp-banner--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.fp-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.fp-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden;padding:14px 16px 16px}.fp-form{grid-gap:12px;display:grid;gap:12px}.fp-stepHeader{align-items:flex-start;display:flex;gap:10px;padding:10px 0 2px}.fp-stepHeader--spaced{margin-top:6px}.fp-stepIndex{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;display:grid;font-weight:900;height:34px;place-items:center;width:34px}.fp-stepIndex.done{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.fp-stepMeta{display:flex;flex-direction:column;gap:2px}.fp-stepTitle{font-size:15px;font-weight:900}.fp-stepHint{color:#64748b;font-size:13px}.fp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.fp-grid--pairTall .fp-fieldCard{min-height:200px}.fp-fieldCard{grid-gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 22px #0000000a;display:grid;gap:6px;padding:12px}.fp-fieldCard--tall{align-content:start}.fp-label{color:#0f172a;font-size:13px;font-weight:800}.fp-req{color:#b91c1c;font-weight:900}.fp-help{color:#64748b;font-size:13px}.fp-mutedSmall{color:#64748b;font-size:12px}.fp-select,.fp-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;padding:10px 12px;width:100%}.fp-textarea{resize:vertical}.fp-textarea,.fp-textarea--judul{min-height:120px}.fp-select:focus,.fp-textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f62e}.fp-textareaWrap{position:relative}.fp-counter{color:#64748b;font-size:12px;margin-top:4px;text-align:right}.fp-divider{background:#e5e7eb;height:1px;margin:2px 0}.fp-lockNote{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;gap:10px;padding:12px}.fp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:6px}.fp-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;line-height:1;padding:10px 14px;text-decoration:none}.fp-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.fp-btn--outline:hover{background:#f8fafc}.fp-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.fp-btn--primary:hover{background:#1d4ed8}.fp-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.fp-heroRight{justify-content:flex-start}.fp-progressCard{min-width:240px}}@media (max-width:640px){.fp{padding:14px 12px}.fp-grid{grid-template-columns:1fr}}:root{--jac-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--jac-brand:#0c1e5b;--jac-accent:#2563eb;--jac-text:#0f172a;--jac-muted:#64748b;--jac-bg:#f6f7fb;--jac-card:#fff;--jac-border:#e7e9f2;--jac-ok:#16a34a;--jac-warn:#f59e0b;--jac-danger:#ef4444;--jac-radius:18px;--jac-shadow:0 12px 30px #02061714;--jac-shadow-2:0 18px 44px #0206171f}.jac{color:#0f172a;color:var(--jac-text);margin:0 auto;max-width:1120px;padding:2px 0}.jac-hero{align-items:flex-start;background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,var(--jac-brand),var(--jac-accent));border-radius:22px;box-shadow:0 18px 44px #0206171f;box-shadow:var(--jac-shadow-2);color:#fff;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:22px;position:relative}.jac-heroLeft{flex:1.2 1;min-width:0}.jac-heroActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.jac-badgeHero{align-items:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-weight:900;gap:8px;padding:6px 12px}.jac-hero h1{font-size:clamp(22px,3vw,34px);letter-spacing:.2px;margin:10px 0 4px}.jac-heroDesc{color:#e7eeff;line-height:1.55;margin:0;max-width:70ch}.jac-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .18s ease;white-space:nowrap}.jac-btn--primary{background:linear-gradient(135deg,#22c55e,#16a34a 55%,#22c55e);box-shadow:0 8px 18px #22c55e38;color:#fff}.jac-btn--primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.jac-btn--outline{background:#fff;border-color:#3b5bdb40;box-shadow:0 8px 18px #3b5bdb24;color:#3b5bdb}.jac-btn--outline:hover{transform:translateY(-1px)}.jac-btn--danger{background:linear-gradient(135deg,#ff6b6b,#ff3d69 45%,#ff4d4f);box-shadow:0 8px 18px #ff4d4f47;color:#fff}.jac-btn--danger:hover{filter:brightness(1.03);transform:translateY(-1px)}.jac-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.jac-btnIcon{align-items:center;display:inline-flex}.jac-strip{background:#fff;background:var(--jac-card);border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:18px;border-radius:var(--jac-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--jac-shadow);flex-wrap:wrap;justify-content:space-between;margin-top:12px;padding:12px}.jac-strip,.jac-user{align-items:center;display:flex;gap:12px}.jac-user{min-width:260px}.jac-avatar{background:#eef2ff;border:1px solid #c7d2fe;border-radius:16px;color:#1e40af;display:grid;font-weight:900;height:44px;place-items:center;width:44px}.jac-userMeta{min-width:0}.jac-userName{font-weight:900;letter-spacing:.2px}.jac-userSub{color:#64748b;color:var(--jac-muted);font-size:13px;margin-top:2px}.jac-stat{background:#fafbff;border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:14px;display:flex;flex-direction:column;gap:4px;min-width:160px;padding:8px 12px}.jac-statLabel{color:#64748b;color:var(--jac-muted);font-size:13px;font-weight:800}.jac-statVal{font-weight:900}.jac-card{background:#fff;background:var(--jac-card);border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:18px;border-radius:var(--jac-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--jac-shadow);margin-top:14px;overflow:hidden}.jac-cardHead{align-items:flex-start;background:linear-gradient(180deg,#fbfcff,#fff);border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--jac-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px}.jac-muted{font-size:13.5px}.jac-muted,.jac-mutedSmall{color:#64748b;color:var(--jac-muted)}.jac-mutedSmall{font-size:13px;margin-top:2px}.jac-rolePill{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#1e40af;font-size:12.5px;font-weight:900;padding:6px 10px}.jac-form{padding:14px}.jac-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:960px){.jac-grid{grid-template-columns:1fr}.jac-hero{flex-direction:column}.jac-heroActions{justify-content:flex-start}}.jac-col{display:flex;flex-direction:column;gap:12px}.jac-field{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:16px;padding:12px}.jac-field label{color:#64748b;color:var(--jac-muted);display:block;font-size:12px;font-weight:900;letter-spacing:.35px;margin-bottom:8px;text-transform:uppercase}.jac-req{color:#ef4444;color:var(--jac-danger);font-weight:900}.jac-field input,.jac-field select,.jac-field textarea{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:14px;outline:none;padding:10px 12px;width:100%}.jac-field select{height:44px}.jac-field textarea{line-height:1.6;min-height:140px;resize:vertical}.jac-field input:focus,.jac-field select:focus,.jac-field textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.jac-inputIcon{align-items:center;display:flex;gap:10px}.jac-hint,.jac-inputIcon svg{color:#64748b;color:var(--jac-muted)}.jac-hint{font-size:13px;margin-top:8px}.jac-note{align-items:flex-start;background:#eff6ff;border:1px dashed #3b82f659;border-radius:16px;color:#1e40af;display:flex;gap:10px;padding:12px}.jac-note svg{margin-top:2px}.jac-editWrap{margin-top:10px}.jac-editPanel{background:#fafbff;border:1px dashed #e7e9f2;border:1px dashed var(--jac-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px}.jac-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}.jac-actions--left{justify-content:flex-start}.jac-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:13px;font-weight:900;gap:8px;padding:6px 12px;white-space:nowrap}.jac-pill--ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.jac-pill--warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.jac-pill--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.jac-banner{align-items:flex-start;background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 8px 18px #0206171a;display:flex;gap:12px;margin-top:12px;padding:12px 14px}.jac-bannerIcon{border-radius:14px;display:grid;height:36px;place-items:center;width:36px}.jac-bannerTitle{font-weight:900;margin-bottom:2px}.jac-bannerMsg{color:#0f172a;color:var(--jac-text);opacity:.95}.jac-banner--danger{background:#fef2f2;border-color:#fecaca}.jac-banner--danger .jac-bannerIcon{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.jac-banner--warning{background:#fffbeb;border-color:#fde68a}.jac-banner--warning .jac-bannerIcon{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.jac-banner--success{background:#ecfdf5;border-color:#bbf7d0}.jac-banner--success .jac-bannerIcon{background:#dcfce7;border:1px solid #bbf7d0;color:#065f46}.jac-banner--info{background:#eff6ff;border-color:#bfdbfe}.jac-banner--info .jac-bannerIcon{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.jac-modalOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1700}.jac-modalCard{background:#fff;background:var(--jac-card);border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:18px;box-shadow:0 18px 44px #0206171f;box-shadow:var(--jac-shadow-2);overflow:hidden;width:min(92vw,620px)}.jac-modalHead{align-items:flex-start;background:linear-gradient(180deg,#fbfcff,#fff);border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--jac-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.jac-modalTitle{align-items:center;display:flex;font-size:16px;font-weight:900;gap:10px;margin:0}.jac-modalTitleIcon{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#1e40af;display:grid;height:36px;place-items:center;width:36px}.jac-close{background:#f8fafc;border:1px solid #e7e9f2;border:1px solid var(--jac-border);border-radius:999px;cursor:pointer;height:36px;width:36px}.jac-modalBody{color:#0f172a;color:var(--jac-text);padding:12px 14px}.jac-modalActions{border-top:1px solid #e7e9f2;border-top:1px solid var(--jac-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:10px 14px}.jac-skelWrap{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}@media (max-width:960px){.jac-skelWrap{grid-template-columns:1fr}}.jac-skelCard{animation:jacShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#eef2ff 40%,#f3f4f6 80%);background-size:200% 100%;border:1px dashed #e7e9f2;border:1px dashed var(--jac-border);border-radius:18px;height:140px}@keyframes jacShimmer{0%{background-position:0 0}to{background-position:200% 0}}a{color:inherit}.pp-link{color:#2563eb;font-weight:800;text-decoration:none}.pp-link:hover{text-decoration:underline}.pp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pp-btn--add{--btn-bg:linear-gradient(135deg,#22c55e,#16a34a 50%,#22c55e);--btn-shadow:0 8px 18px #22c55e47}.pp-btnIcon{text-decoration:none}.pp-btnIcon svg{font-size:18px}.pp-selectBtn:focus-within{border-color:#2563eb8c}.pp-searchBtn{padding-right:12px}.pp-searchInput::placeholder{color:#64748bbf}@media (max-width:920px){.pp-filter{align-items:stretch;flex-direction:column;padding:12px}.pp-rightSpacer{display:none}.pp-sortGroup{width:100%}.pp-selectBtn{min-width:0;width:100%}.pp-searchBtn{min-width:0}.pp-selectText{max-width:100%}}.pp-tableTitle{gap:8px}.pp-table td{border-bottom:1px dashed #e7e9f2d9}.pp-cellJudul{word-wrap:break-word;max-width:520px;white-space:normal}.pp-iconBtn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pp-sk--textSm{height:12px;width:140px}.pp-pagination{justify-content:space-between;padding:12px 14px}.pp-pagination,.pp-paginationCtrls{align-items:center;display:flex;gap:10px}.pp-paginationCtrls{flex-wrap:wrap}.pp-pageBtn{border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px}.pp-pageBtn.disabled{cursor:not-allowed;opacity:.5}.pp-pageNums{display:flex;gap:6px}.pp-pageNum{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:12px;cursor:pointer;font-weight:800;height:36px;width:36px}.pp-pageNum.active{background:#eef2ff;border-color:#c7d2fe;color:#1e40af}.pp-modal--small{width:min(560px,92vw)}.pp-modal--center{align-items:center;padding:18px 18px 16px;text-align:center;width:min(520px,92vw)}.pp-modalIcon{background:#eaffe5;border:1px solid #b9f3c4;border-radius:18px;color:#065f46;display:grid;height:56px;margin-bottom:10px;place-items:center;width:56px}.pp-modalIcon svg{font-size:24px}.pp-modalTitle{font-weight:900;margin:0 0 6px}.pp-modalDesc{color:#64748b;color:var(--pp-muted);margin:0 0 12px}.pp-statusGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:520px){.pp-statusGrid{grid-template-columns:1fr}}.pp-statusBtn{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;box-shadow:0 6px 16px #0206170f;cursor:pointer;font-weight:900;padding:12px 10px;transition:transform .12s ease,box-shadow .12s ease}.pp-statusBtn:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp-statusBtn.is-ok{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.pp-statusBtn.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pp-statusBtn.is-info{background:#eff6ff;border-color:#bae6fd;color:#1e3a8a}.pp-detailOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1700}.pp-detailCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 18px 40px #0206171f;box-shadow:var(--pp-shadow-2);display:flex;flex-direction:column;max-height:min(88vh,920px);overflow:hidden;width:min(980px,96vw)}.pp-detailCard--schedule{width:min(760px,96vw)}.pp-detailHeader{background:linear-gradient(180deg,#f6f7fb,#fff);background:linear-gradient(180deg,var(--pp-bg),var(--pp-card));border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);justify-content:space-between;padding:12px 14px}.pp-detailHeader,.pp-detailHeaderLeft{align-items:flex-start;display:flex;gap:12px}.pp-detailHeadText,.pp-detailHeaderLeft{min-width:0}.pp-detailIcon{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#1e40af;display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.pp-detailIcon svg{font-size:20px}.pp-detailTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp-detailTitle{font-size:16.5px;font-weight:900;letter-spacing:.2px;margin:0}.pp-detailSub{align-items:center;color:#64748b;color:var(--pp-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:4px}.pp-detailBody{overflow:auto;padding:12px 14px}.pp-detailSection{margin:12px 0}.pp-detailSectionHead{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pp-detailSectionHead svg{color:#64748b;color:var(--pp-muted);font-size:18px}.pp-detailSectionHead h4{font-size:14px;font-weight:900;letter-spacing:.2px;margin:0}.pp-detailGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.pp-detailGrid{grid-template-columns:1fr}}.pp-detailKv{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp-detailKv--full{grid-column:1/-1}.pp-detailKey{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.35px;margin-bottom:6px;text-transform:uppercase}.pp-detailVal{color:#0f172a;color:var(--pp-text);font-weight:700;line-height:1.5}.pp-detailClamp{word-break:break-word}.pp-detailBox{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp-detailBox--muted{color:#64748b;color:var(--pp-muted)}.pp-detailText{font-size:14.5px;line-height:1.75;margin:0;white-space:pre-line;word-break:break-word}.pp-detailFiles{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:820px){.pp-detailFiles{grid-template-columns:1fr}}.pp-detailFileCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);overflow:hidden}.pp-detailFileTop{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px}.pp-detailFileMeta{align-items:flex-start;display:flex;gap:10px;min-width:0}.pp-detailFileMetaText{min-width:0}.pp-detailBadge{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:12px;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.pp-detailFileLabel{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.35px;text-transform:uppercase}.pp-detailFileName{color:#0f172a;color:var(--pp-text);font-size:14px;font-weight:700;margin-top:2px;max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-detailHint{color:#64748b;color:var(--pp-muted);font-size:13px;margin-top:10px}.pp-detailFooter{align-items:center;background:linear-gradient(180deg,#fff,#f6f7fb);background:linear-gradient(180deg,var(--pp-card),var(--pp-bg));border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);display:flex;gap:10px;justify-content:space-between;padding:10px 14px}.pp-detailFooterLeft{color:#64748b;color:var(--pp-muted);font-size:13px}.pp-detailFooterRight{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp-formGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:780px){.pp-formGrid{grid-template-columns:1fr}}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-label{color:#64748b;color:var(--pp-muted);font-size:12px;letter-spacing:.35px;text-transform:uppercase}.pp-input{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;height:44px;outline:none;padding:0 12px}.pp-input:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.pp-select{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;height:44px;outline:none;padding:0 12px}.pp-select:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.pp-select--full{width:100%}.pp-inlineError{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#991b1b;font-weight:700;margin-bottom:10px;padding:10px 12px}@media (max-width:760px){.pp-table thead{display:none}.pp-table,.pp-table tbody,.pp-table td,.pp-table tr{display:block;width:100%}.pp-table tr{border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);padding:12px}.pp-table td{grid-gap:10px;border-bottom:none;display:grid;gap:10px;grid-template-columns:110px 1fr;padding:8px 0}.pp-table td:before{align-self:start;color:#64748b;color:var(--pp-muted);content:attr(data-label);font-size:.76rem;font-weight:900;letter-spacing:.4px;padding-top:2px;text-transform:uppercase}.pp-cellActions--icons{justify-content:flex-start}}:root{--upf-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--upf-brand:#0c1e5b;--upf-accent:#2563eb;--upf-text:#0f172a;--upf-muted:#64748b;--upf-bg:#f6f7fb;--upf-card:#fff;--upf-border:#e7e9f2;--upf-ok:#16a34a;--upf-warn:#f59e0b;--upf-info:#2563eb;--upf-danger:#ef4444;--upf-radius:18px;--upf-shadow:0 12px 30px #02061714;--upf-shadow-2:0 18px 44px #0206171f}.upf{color:#0f172a;color:var(--upf-text);margin:0 auto;max-width:1120px;padding:2px 0}.upf-hero{align-items:stretch;background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,var(--upf-brand),var(--upf-accent));border-radius:22px;box-shadow:0 18px 44px #0206171f;box-shadow:var(--upf-shadow-2);color:#fff;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:22px;position:relative}.upf-heroLeft{flex:1.2 1;min-width:0}.upf-heroRight{grid-gap:10px;align-content:flex-start;display:grid;flex:.8 1;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:920px){.upf-hero{flex-direction:column}.upf-heroRight{grid-template-columns:1fr 1fr}}.upf-badge{align-items:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-weight:900;gap:8px;padding:6px 12px}.upf-hero h1{font-size:clamp(22px,3vw,34px);letter-spacing:.2px;margin:10px 0 4px}.upf-hero p{color:#e7eeff;line-height:1.55;margin:0;max-width:72ch}.upf-stat{background:linear-gradient(180deg,#ffffff22,#ffffff10);border:1px solid #ffffff3a;border-radius:14px;padding:12px}.upf-statLabel{font-size:12px;font-weight:900;opacity:.9}.upf-statVal{font-size:14px;font-weight:900;margin-top:6px}.upf-alert{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 22px #0206171a;margin-top:12px;padding:12px 14px}.upf-alert--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.upf-alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.upf-card{background:#fff;background:var(--upf-card);border:1px solid #e7e9f2;border:1px solid var(--upf-border);border-radius:18px;border-radius:var(--upf-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--upf-shadow);overflow:hidden}.upf-cardHead{align-items:flex-start;background:linear-gradient(180deg,#fbfcff,#fff);border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--upf-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px}.upf-muted{font-size:13.5px}.upf-muted,.upf-mutedInline{color:#64748b;color:var(--upf-muted)}.upf-mutedInline{font-size:13px;font-weight:600;margin-left:6px}.upf-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;padding:10px 14px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .18s ease;white-space:nowrap}.upf-btn--primary{background:linear-gradient(135deg,#5b7cfa,#6b4efc 45%,#4c79ff);box-shadow:0 8px 18px #4c79ff4d;color:#fff}.upf-btn--primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.upf-btn--outline{background:#fff;border-color:#3b5bdb40;box-shadow:0 8px 18px #3b5bdb24;color:#3b5bdb}.upf-btn--outline:hover{transform:translateY(-1px)}.upf-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.upf-form{padding:14px}.upf-field{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--upf-border);border-radius:16px;margin-bottom:12px;padding:12px}.upf-field--readonly{background:#fbfcff}.upf-field label{color:#64748b;color:var(--upf-muted);display:block;font-size:12px;font-weight:900;letter-spacing:.35px;margin-bottom:8px;text-transform:uppercase}.upf-req{color:#ef4444;color:var(--upf-danger)}.upf-field input[type=datetime-local],.upf-field input[type=text],.upf-field textarea{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--upf-border);border-radius:14px;outline:none;padding:10px 12px;width:100%}.upf-field textarea{line-height:1.6;min-height:160px;resize:vertical}.upf-field input:focus,.upf-field textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.upf-hint{font-size:13px}.upf-counter,.upf-hint{color:#64748b;color:var(--upf-muted);margin-top:8px}.upf-counter{font-size:12.5px;text-align:right}.upf-grid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.upf-grid2{grid-template-columns:1fr}}.upf-inputIcon{align-items:center;display:flex;gap:10px}.upf-inputIcon>span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#1e40af;display:grid;height:40px;place-items:center;width:40px}.upf-inputIcon input{height:44px}.upf-fileBox{background:#eff6ff;border:1px dashed #2563eb59;border-radius:16px;overflow:hidden;padding:12px;position:relative}.upf-fileInput{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.upf-fileMeta{align-items:flex-start;display:flex;gap:10px}.upf-fileIcon{background:#dbeafe;border:1px solid #bfdbfe;border-radius:16px;color:#1e40af;display:grid;flex:0 0 auto;height:44px;place-items:center;width:44px}.upf-fileTitle{color:#1e40af;font-weight:900}.upf-fileName{color:#0f172a;font-size:13.5px;margin-top:4px;max-width:56ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upf-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}.upf-modalOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:2200}.upf-modal{background:#fff;border:1px solid #e7e9f2;border:1px solid var(--upf-border);border-radius:18px;box-shadow:0 18px 44px #0206171f;box-shadow:var(--upf-shadow-2);padding:18px 16px;text-align:center;width:min(420px,100%)}.upf-modalIcon{background:#22c55e1f;border-radius:999px;color:#16a34a;display:grid;font-size:26px;height:56px;margin:0 auto 10px;place-items:center;width:56px}.upf-modalTitle{color:#0f172a;color:var(--upf-text);font-size:18px;font-weight:900;margin:6px 0}.upf-modalDesc{color:#64748b;color:var(--upf-muted);line-height:1.55;margin:0 0 12px}.tr-wrap{margin:0;max-width:1120px;padding:16px 18px}.tr-hero{background:radial-gradient(900px 320px at 0 -10%,#3b82f62e 0,#0000 60%),radial-gradient(700px 260px at 100% 0,#6366f129 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;margin-bottom:12px;padding:18px 18px 14px}.tr-heroTop{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.tr-badge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:12px;gap:8px;letter-spacing:.2px;padding:6px 10px}.tr-meta{font-size:12px;opacity:.95}.tr-metaStrong{font-weight:700}.tr-title{font-size:24px;letter-spacing:.2px;line-height:1.2;margin:2px 0 6px}.tr-subtitle{font-size:13px;margin:0 0 10px;opacity:.95}.tr-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.tr-hint{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:12px;gap:8px;padding:6px 10px}.tr-alert{border-radius:12px;gap:10px;margin:10px 0 12px}.tr-alertIcon{font-size:18px;margin-top:2px}.tr-alertTitle{font-size:13px;font-weight:700;margin-bottom:2px}.tr-alertMsg{font-size:13px;opacity:.95}.tr-alert--danger{background:#fff1f2}.tr-alert--warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.tr-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.tr-iconBtn:hover{background:#0206170f}.tr-stack{grid-gap:12px;display:grid;gap:12px}.tr-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.tr-cardHead{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.tr-cardTitle{color:#0f172a;font-size:15px;font-weight:800;margin:0}.tr-muted{color:#64748b;font-size:12px}.tr-mutedPad{color:#64748b;font-size:13px;padding:14px 16px}.tr-chip{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#0f172a;display:inline-flex;font-size:12px;font-weight:600;padding:6px 10px}.tr-kv{grid-gap:8px;display:grid;gap:8px;padding:10px 16px 14px}.tr-kvRow{grid-gap:10px;align-items:flex-start;display:grid;gap:10px;grid-template-columns:160px 1fr}.tr-kvKey{color:#64748b;font-size:12px}.tr-kvVal{color:#0f172a;font-size:13px}.tr-kvVal--wrap{line-height:1.35;word-break:break-word}.tr-existing{padding:12px 16px 14px}.tr-existingList{grid-gap:6px;color:#0f172a;display:grid;font-size:13px;gap:6px;margin:0;padding-left:18px}.tr-existingList li{line-height:1.35}.tr-fields{grid-gap:10px;display:grid;gap:10px;padding:12px 16px}.tr-fieldRow{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr 40px}.tr-fieldIndex{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;display:grid;font-size:12px;font-weight:700;height:34px;place-items:center;width:34px}.tr-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:13px;outline:none;padding:10px 12px;width:100%}.tr-input:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f62e}.tr-btnIcon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.tr-btnIcon:hover{background:#f8fafc}.tr-btnIcon--danger{color:#b91c1c}.tr-actions{align-items:center;justify-content:space-between;padding:12px 16px 16px}.tr-actions,.tr-actionsLeft,.tr-actionsRight{display:flex;flex-wrap:wrap;gap:10px}.tr-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;line-height:1;padding:10px 14px}.tr-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.tr-btn--outline:hover{background:#f8fafc}.tr-btn--ghost{background:#0000;border-color:#0000;color:#0f172a}.tr-btn--ghost:hover{background:#0206170f}.tr-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.tr-btn--primary:hover{background:#1d4ed8}.tr-btn:disabled,.tr-btnIcon:disabled,.tr-iconBtn:disabled{cursor:not-allowed;opacity:.6}.tr-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.tr-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:560px;overflow:hidden;width:100%}.tr-modalHead{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px}.tr-modalBody{padding:14px}.tr-modalText{color:#0f172a;font-size:13px;margin:0 0 10px}.tr-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.tr-previewList{grid-gap:6px;color:#0f172a;display:grid;font-size:13px;gap:6px;margin:0;padding-left:18px}.tr-modalActions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px}.tr-skeleton{grid-gap:10px;display:grid;gap:10px;padding:14px 16px 16px}.sk{animation:sk 1.2s linear infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;border-radius:10px}.sk-line{height:14px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.tr-wrap{padding:14px 12px}.tr-kvRow{grid-template-columns:120px 1fr}.tr-fieldRow{grid-template-columns:30px 1fr 40px}}.tr-badge,.tr-hint,.tr-meta{font-size:13px}.tr-title{font-size:26px}.tr-alertMsg,.tr-alertTitle,.tr-subtitle{font-size:14px}.tr-cardTitle{font-size:16px}.tr-muted{font-size:13px}.tr-mutedPad{font-size:14px}.tr-chip,.tr-kvKey{font-size:13px}.tr-btn,.tr-existingList,.tr-input,.tr-kvVal,.tr-modalText,.tr-previewList{font-size:14px}.ppp-wrap{margin:0;max-width:980px;padding:16px}.ppp-hero{background:radial-gradient(900px 300px at 0 -10%,#3b82f659 0,#0000 60%),radial-gradient(700px 260px at 100% 0,#6366f14d 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);border-radius:18px;box-shadow:0 18px 55px #0000001a;color:#fff;margin-bottom:14px;padding:18px}.ppp-heroTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.ppp-badge{align-items:center;background:#ffffff24;border-radius:999px;display:inline-flex;font-weight:600;gap:8px}.ppp-badge,.ppp-meta{border:1px solid #ffffff38;font-size:12px;padding:8px 12px}.ppp-meta{background:#ffffff1f;border-radius:999px;opacity:.95}.ppp-metaNum,.ppp-title{font-weight:800}.ppp-title{align-items:center;display:flex;font-size:30px;gap:10px;line-height:1.1;margin:12px 0 6px}.ppp-subtitle{line-height:1.35;margin:0;opacity:.95}.ppp-subtleStrong{font-weight:700}.ppp-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.ppp-hint{align-items:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px}.ppp-alert{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:12px}.ppp-alert,.ppp-alertLeft{display:flex;gap:10px}.ppp-alertIcon{margin-top:1px}.ppp-alertTitle{font-weight:800;margin-bottom:2px}.ppp-alertMsg{color:#475569;font-size:13px;line-height:1.35}.ppp-alert--danger{background:#fef2f2;border-color:#fecaca}.ppp-alert--warning{background:#fffbeb;border-color:#fde68a}.ppp-alert--info{background:#eff6ff;border-color:#bfdbfe}.ppp-iconBtn{background:#0000;border:none;color:#475569;cursor:pointer;font-size:18px;line-height:1}.ppp-stack{grid-gap:12px;display:grid;gap:12px}.ppp-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.ppp-cardHead{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.ppp-cardTitle{font-size:18px;font-weight:800;margin:0}.ppp-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px}.ppp-muted{color:#64748b;font-size:12px}.ppp-mutedPad{padding:10px 14px 14px}.ppp-skeleton{grid-gap:10px;display:grid;gap:10px;padding:14px}.ppp-sk{animation:pppShimmer 1.2s linear infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;border-radius:999px;height:12px}@keyframes pppShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ppp-kv{grid-gap:8px;display:grid;gap:8px;padding:14px}.ppp-kvRow{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:120px 1fr}.ppp-kvKey{color:#64748b}.ppp-kvKey,.ppp-kvVal{font-size:13px;font-weight:600}.ppp-kvVal{color:#0f172a}.ppp-kvVal--wrap{font-weight:500;line-height:1.35}.ppp-progress{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;height:10px;margin:0 14px;overflow:hidden}.ppp-progressFill{background:#2563eb;height:100%;width:0}.ppp-tableWrap{overflow:auto;padding:10px 14px 14px}.ppp-table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.ppp-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a;font-size:13px;font-weight:800;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.ppp-table tbody td{border-bottom:1px solid #eef2f7;font-size:13px;padding:9px 10px;vertical-align:top}.ppp-colNo{width:60px}.ppp-colKriteria{width:280px}.ppp-colIndikator{width:360px}.ppp-colMax{width:120px}.ppp-colNilai{width:160px}.ppp-tdCenter{text-align:center}.ppp-tdStrong{font-weight:700}.ppp-tdIndikator{line-height:1.3}.ppp-emptyTd{color:#64748b;padding:14px;text-align:center}.ppp-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:9px 10px;text-align:center;width:100%}.ppp-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb26}.ppp-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f}.ppp-helpError{color:#b91c1c;font-size:12px;margin-top:4px}.ppp-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}.ppp-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 14px}.ppp-btn--ghost{background:#f8fafc;border-color:#e5e7eb}.ppp-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.ppp-btn:disabled{cursor:not-allowed;opacity:.7}.pp-btnIcon{border:1px solid #0f172a0f;height:36px;width:36px}.pp-selectBtn:active{transform:translateY(0)}.pp-selectIcon{flex:0 0 auto}.pp-table{min-width:820px}.pp-cellName{align-items:flex-start}.pp-tiny{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;color:#64748b;color:var(--pp-muted);display:inline-block;font-size:.88rem;margin-top:6px;padding:4px 10px}.pp-titleClamp{line-height:1.4}.pp-cellActions--icons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pp-iconBtn{font-size:18px;text-decoration:none}.pp-label{font-weight:800}.pp-popup{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);padding:18px;position:relative;text-align:center;width:min(92vw,520px)}.pp-popupClose{background:#0000;border:0;color:#64748b;color:var(--pp-muted);cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.pp-popupIcon{align-items:center;border-radius:999px;display:flex;font-size:26px;height:56px;justify-content:center;margin:2px auto 10px;width:56px}.pp-popupIcon--success{background:#ecfdf5;border:1px solid #10b98133;color:#16a34a}.pp-popupIcon--warning{background:#fffbeb;border:1px solid #f59e0b33;color:#f59e0b}.pp-popupIcon--danger{background:#fef2f2;border:1px solid #ef444433;color:#ef4444}.pp-popupTitle{margin:0 0 6px}.pp-popupMsg{color:#64748b;color:var(--pp-muted);margin:0}.pp-sk--pill{width:110px}.page-student{margin:0 auto;max-width:980px}.head-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:8px 0 16px}.pp-stuSkel{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:18px;height:180px;margin:12px 0}.pp-stuCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);margin:14px 0;overflow:hidden}.pp-stuHead{align-items:flex-start;background:linear-gradient(180deg,#f6f7fb,#fff);background:linear-gradient(180deg,var(--pp-bg),var(--pp-card));border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 14px 12px}.pp-stuBadge{align-items:center;background:#eaf2ff;border:1px solid #cfe0ff;border-radius:999px;color:#1e3a8a;display:inline-flex;font-size:12.5px;font-weight:900;padding:6px 10px}.pp-stuNameRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.pp-stuName{font-size:16.5px;font-weight:900;letter-spacing:.2px}.pp-stuNim{font-size:13px;padding:4px 10px}.pp-datePill,.pp-stuNim{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;color:#64748b;color:var(--pp-muted)}.pp-datePill{align-items:center;display:inline-flex;font-size:.9rem;gap:6px;padding:6px 10px}.pp-stuGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px 14px 14px}@media (max-width:920px){.pp-stuGrid{grid-template-columns:1fr}}.pp-stuBox{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;overflow:hidden}.pp-stuBoxTitle{background:color-mix(in srgb,#fff 70%,#0000);background:color-mix(in srgb,var(--pp-card) 70%,#0000);border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);font-weight:900}.pp-stuBoxBody,.pp-stuBoxTitle{padding:10px 12px}.pp-stuList{display:flex;flex-direction:column;gap:10px}.pp-stuDivider{background:color-mix(in srgb,#e7e9f2 70%,#0000);background:color-mix(in srgb,var(--pp-border) 70%,#0000);height:1px;margin:2px 0}.pp-stuKvp{grid-gap:10px;display:grid;gap:10px;grid-template-columns:110px 1fr}.pp-stuKey{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.pp-stuVal{color:#0f172a;color:var(--pp-text);font-size:14.5px;line-height:1.45;word-break:break-word}.pp-stuStatusTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.pp-stuTiny{align-items:center;color:#64748b;color:var(--pp-muted);display:inline-flex;font-size:12.5px;gap:6px}.pp-stuActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.pp-stuFoot{background:linear-gradient(180deg,#fff,#f6f7fb);background:linear-gradient(180deg,var(--pp-card),var(--pp-bg));border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);padding:12px 14px 14px}.pp-stuFootTitle{align-items:center;display:flex;font-weight:900;gap:8px;margin-bottom:10px}.pp-stuMuted{color:#64748b;color:var(--pp-muted);font-size:13.5px;margin-top:6px}.pp-stuTimeline{display:flex;flex-direction:column;gap:10px}.pp-stuTimeRow{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:12px 1fr}.pp-stuDot{background:linear-gradient(135deg,#a78bfa,#60a5fa);border-radius:999px;box-shadow:0 0 0 3px #60a5fa2e;height:10px;margin-top:12px;width:10px}.pp-stuTimeCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);padding:10px 12px}.pp-stuTimeTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:6px}.pp-stuTimeTitle{font-weight:800;line-height:1.4}.pp-abstract{color:#0f172a;color:var(--pp-text);font-size:14.5px;line-height:1.75;word-break:break-word}.pp-drawer{background:#fff;background:var(--pp-card);border-left:1px solid #e7e9f2;border-left:1px solid var(--pp-border);box-shadow:0 18px 40px #0206171f;box-shadow:var(--pp-shadow-2);display:flex;flex-direction:column;height:100%;position:fixed;right:-520px;top:0;transition:right .2s ease;width:min(92vw,520px);z-index:1700}.pp-drawer.open{right:0}.pp-drawer__header{align-items:flex-start;border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.pp-drawer__body{flex:1 1;overflow:auto;padding:12px 14px}.pp-drawer__actions{border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}.pp-drawerOverlay{background:#02061759;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:1650}.pp-drawerOverlay.show{opacity:1;pointer-events:auto}.pp-statusLine{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pp-dot{background:currentColor;border-radius:50%;display:inline-block;height:4px;margin:0 6px;opacity:.35;width:4px}.pp-kvGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}@media (max-width:800px){.pp-kvGrid{grid-template-columns:1fr}}.pp-kvKey{font-weight:800;margin-bottom:4px}.pp-kvVal{align-items:center;display:flex;font-weight:900;gap:8px}.pp-iconGhost{background:#0000;border:none;border-radius:999px;color:#64748b;color:var(--pp-muted);cursor:pointer;padding:4px 8px}.pp-iconGhost:hover{background:#f6f7fb;background:var(--pp-bg)}.pp-detailBlock{margin-top:16px}html{scroll-behavior:smooth}.pp-error{color:#fee2e2}.pp-heroCtas{display:flex;flex-wrap:wrap;gap:12px}.pp-heroRight{flex:.95 1;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:520px){.pp-heroRight{grid-template-columns:1fr 1fr}}.pp-btnIcon{align-items:center;background:#f7f8fc;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 4px 10px #0206170f;color:#334155;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:transform .1s ease,box-shadow .12s ease,background .15s ease;width:40px}.pp-btnIcon:hover{background:#eef2ff;box-shadow:0 8px 16px #02061714;transform:translateY(-1px)}.pp-btnIcon--danger{background:#fff1f0;border-color:#ffd6d6;color:#b42318}.pp-btnIcon--danger:hover{background:#ffe5e5}.pp-selectBtn{border:1px solid color-mix(in srgb,#e7e9f2 85%,#0000);border:1px solid color-mix(in srgb,var(--pp-border) 85%,#0000)}@media (max-width:920px){.pp-filter{align-items:stretch;flex-direction:column}.pp-rightSpacer{display:none}.pp-sortGroup{width:100%}.pp-selectBtn{min-width:0;width:100%}.pp-selectText{max-width:100%}.pp-searchBtn{min-width:0}}.pp-tableTitle{align-items:center;display:flex;gap:10px}.pp-selectedHint{font-size:13px}.pp-tableWrap{overflow:auto}.pp-table{min-width:980px}.pp-actions{display:flex;flex-wrap:wrap;gap:10px}.badge,.pp-actions{align-items:center;justify-content:center}.badge{border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.86rem;font-weight:900;padding:6px 12px;white-space:nowrap}.badge-light{background:#f1f5f9;border-color:#e5e7eb;color:#344254}.badge-warning{background:#fff4db;border-color:#f7e0b5;color:#9a5b09}.badge-info{background:#eaf2ff;border-color:#cfe0ff;color:#1e3a8a}.badge-danger{background:#ffe9ea;border-color:#ffc9cf;color:#991b1b}.badge-success{background:#eaffe5;border-color:#b9f3c4;color:#065f46}.pp-callout{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;padding:10px 12px}.pp-label{display:block;font-weight:900;margin-bottom:8px}.pp-selectSolid{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:12px;color:#0f172a;color:var(--pp-text);outline:none;padding:10px 12px;width:100%}.pp-selectSolid:focus{border-color:color-mix(in srgb,#2563eb 55%,#e7e9f2);border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f}@media (prefers-color-scheme:dark){.pp-selectBtn{background:#fff;background:var(--pp-card)}.pp-sk{background:#24304a}}.as{margin:0;max-width:1120px;padding:16px 18px}.as-hero{background:radial-gradient(900px 320px at 0 -10%,#3b82f62e 0,#0000 60%),radial-gradient(700px 260px at 100% 0,#6366f129 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:12px;padding:18px 18px 14px}.as-heroLeft{flex:1 1 520px;min-width:260px}.as-heroRight{align-items:flex-start;display:flex;flex:0 1 420px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.as-heroBadge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;letter-spacing:.2px;padding:6px 10px}.as-heroTitle{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.2;margin:6px 0}.as-heroDesc{font-size:14px;margin:0 0 10px;opacity:.95}.as-heroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.as-heroStat{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;min-width:140px;padding:10px 12px}.as-heroStatLabel{font-size:12px;opacity:.95}.as-heroStatValue{font-size:14px;font-weight:800;margin-top:2px}.as-banner{align-items:flex-start;border:1px solid #0000;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px;padding:12px}.as-banner__icon{font-size:18px;line-height:1;margin-top:2px}.as-banner__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.as-banner__title{font-size:14px;font-weight:800}.as-banner__msg{font-size:14px;opacity:.95}.as-banner__close{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.as-banner__close:hover{background:#0206170f}.as-banner--danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.as-banner--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.as-banner--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.as-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.as-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.as-cardHead{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.as-cardTitle{color:#0f172a;font-size:16px;font-weight:800;margin:0}.as-cardSub{color:#64748b;font-size:14px;margin-top:2px}.as-cardBody{padding:14px 16px 16px}.as-form{grid-gap:12px;display:grid;gap:12px}.as-field{grid-gap:6px;display:grid;gap:6px}.as-label{color:#0f172a;font-size:13px;font-weight:700}.as-req{color:#b91c1c;font-weight:800}.as-help{color:#64748b;font-size:13px}.as-grid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.as-input,.as-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;padding:10px 12px;width:100%}.as-textarea{min-height:110px;resize:vertical}.as-input:focus,.as-textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f62e}.as-file{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.as-file:hover{background:#f8fafc}.as-file input{display:none}.as-file.is-disabled{cursor:not-allowed;opacity:.6}.as-fileIcon{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;display:grid;font-size:18px;height:40px;place-items:center;width:40px}.as-fileText{display:flex;flex-direction:column;gap:2px;min-width:0}.as-fileName{color:#0f172a;font-size:14px;font-weight:700;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-fileMeta{color:#64748b;font-size:13px}.as-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:6px}.as-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;line-height:1;padding:10px 14px;text-decoration:none}.as-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.as-btn--outline:hover{background:#f8fafc}.as-btn--ghost{background:#0000;border-color:#0000;color:#0f172a}.as-btn--ghost:hover{background:#0206170f}.as-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.as-btn--primary:hover{background:#1d4ed8}.as-btn:disabled{cursor:not-allowed;opacity:.6}.as-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.as-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:560px;overflow:hidden;width:100%}.as-modalHead{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:14px}.as-modalHead,.as-modalHeadLeft{align-items:flex-start;display:flex}.as-modalHeadLeft{gap:10px}.as-modalIcon{color:#16a34a;font-size:20px;margin-top:2px}.as-modalTitle{color:#0f172a;font-size:15px;font-weight:800}.as-modalDesc{color:#64748b;font-size:14px;margin-top:2px}.as-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.as-iconBtn:hover{background:#0206170f}.as-modalActions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px}@media (max-width:900px){.as-heroRight{justify-content:flex-start}.as-fileName{max-width:360px}}@media (max-width:640px){.as{padding:14px 12px}.as-grid2{grid-template-columns:1fr}.as-fileName{max-width:260px}}.pp .pp-formCard{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow);margin:14px auto 0;max-width:980px;overflow:hidden}.pp .pp-formHead{align-items:flex-start;background:linear-gradient(180deg,var(--pp-bg),var(--pp-card));border-bottom:1px solid var(--pp-border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.pp .pp-formHeadActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp .pp-formBody{padding:14px 16px 16px}.pp .pp-formGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.pp .pp-formGrid{grid-template-columns:1fr}.pp .pp-span2{grid-column:auto}}.pp .pp-span2{grid-column:1/-1}.pp .pp-field{background:color-mix(in srgb,var(--pp-bg) 78%,#0000);border:1px dashed var(--pp-border);border-radius:16px;padding:12px}.pp .pp-fieldLabel{align-items:center;color:var(--pp-text);display:inline-flex;font-weight:900;gap:8px;margin-bottom:8px}.pp .pp-fieldLabel svg{color:var(--pp-muted)}.pp .pp-required:after{color:var(--pp-danger);content:"*";font-weight:900;margin-left:6px}.pp .pp-input{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:14px;color:var(--pp-text);font-size:14.5px;height:44px;outline:none;padding:0 12px;width:100%}.pp .pp-input:disabled{background:color-mix(in srgb,var(--pp-bg) 65%,#0000);opacity:.85}.pp .pp-input:focus{border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f}.pp .pp-helpRow{display:flex;justify-content:flex-start;margin-top:10px}.pp .pp-helpPill{align-items:center;background:var(--pp-bg);border:1px solid var(--pp-border);border-radius:999px;color:var(--pp-muted);display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.pp .pp-formActions{display:flex;justify-content:flex-end;margin-top:14px}@media (prefers-color-scheme:dark){.pp .pp-field{background:color-mix(in srgb,var(--pp-card) 75%,#0000)}}.psh-wrap{margin:0;max-width:980px;padding:16px}.psh-hero{background:radial-gradient(900px 300px at 0 -10%,#3b82f659 0,#0000 60%),radial-gradient(700px 260px at 100% 0,#6366f14d 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);border-radius:18px;box-shadow:0 18px 55px #0000001a;color:#fff;margin-bottom:14px;padding:18px}.psh-heroTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.psh-badge{align-items:center;background:#ffffff24;border-radius:999px;display:inline-flex;font-weight:600;gap:8px}.psh-badge,.psh-meta{border:1px solid #ffffff38;font-size:12px;padding:8px 12px}.psh-meta{background:#ffffff1f;border-radius:999px;opacity:.95}.psh-metaNum{font-weight:700}.psh-title{align-items:center;display:flex;font-size:30px;font-weight:800;gap:10px;line-height:1.1;margin:12px 0 6px}.psh-subtitle{line-height:1.35;margin:0;opacity:.95}.psh-subtleStrong{font-weight:700}.psh-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.psh-hint{align-items:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px}.psh-alert{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:12px}.psh-alert,.psh-alertLeft{display:flex;gap:10px}.psh-alertIcon{margin-top:1px}.psh-alertTitle{font-weight:700;margin-bottom:2px}.psh-alertMsg{color:#475569;font-size:13px;line-height:1.35}.psh-alert--danger{background:#fef2f2;border-color:#fecaca}.psh-alert--warning{background:#fffbeb;border-color:#fde68a}.psh-alert--info{background:#eff6ff;border-color:#bfdbfe}.psh-iconBtn{background:#0000;border:none;color:#475569;cursor:pointer;font-size:18px;line-height:1}.psh-stack{grid-gap:12px;display:grid;gap:12px}.psh-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.psh-cardHead{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.psh-cardTitle{font-size:18px;font-weight:800;margin:0}.psh-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px}.psh-mutedRight{color:#64748b;font-size:12px}.psh-mutedPad{color:#64748b;padding:14px}.psh-mutedSmall{color:#64748b;font-size:12px;padding:10px 14px 14px}.psh-kv{grid-gap:8px;display:grid;gap:8px;padding:14px}.psh-kvRow{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:120px 1fr}.psh-kvKey{color:#64748b}.psh-kvKey,.psh-kvVal{font-size:13px;font-weight:600}.psh-kvVal{color:#0f172a}.psh-kvVal--wrap{font-weight:500;line-height:1.35}.psh-progress{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;height:10px;margin:0 14px;overflow:hidden}.psh-progressFill{background:#2563eb;height:100%;width:0}.psh-tableWrap{overflow:auto;padding:10px 14px 14px}.psh-table{border-collapse:initial;border-spacing:0;min-width:820px;width:100%}.psh-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a;font-size:13px;font-weight:800;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.psh-table tbody td{border-bottom:1px solid #eef2f7;font-size:13px;padding:9px 10px;vertical-align:top}.psh-colNo{width:60px}.psh-colKriteria{width:260px}.psh-colIndikator{width:360px}.psh-colMax{width:90px}.psh-colNilai{width:160px}.psh-tdCenter{text-align:center}.psh-tdStrong{font-weight:700}.psh-tdIndikator{line-height:1.3}.psh-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:9px 10px;text-align:right;width:100%}.psh-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb26}.psh-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f}.psh-helpError{color:#b91c1c;font-size:12px;margin-top:4px}.psh-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}.psh-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 14px}.psh-btn--ghost{background:#f8fafc;border-color:#e5e7eb}.psh-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.psh-btn:disabled{cursor:not-allowed;opacity:.7}.psh-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.psh-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:520px;overflow:hidden;width:100%}.psh-modalHead{border-bottom:1px solid #eef2f7;gap:12px;justify-content:space-between;padding:12px 14px}.psh-modalHead,.psh-modalTitle{align-items:center;display:flex}.psh-modalTitle{font-weight:800;gap:8px}.psh-modalBody{color:#334155;line-height:1.45;padding:14px}.psh-modalActions{border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}@media (prefers-color-scheme:dark){:root{--pp-text:#e5e7eb;--pp-muted:#9aa6c0;--pp-bg:#0b1020;--pp-card:#0f152b;--pp-border:#1f2a44;--pp-shadow:0 12px 30px #00000059;--pp-shadow-2:0 18px 40px #00000073}}.pp .pp-hero{align-items:stretch;background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,var(--pp-brand),var(--pp-accent));border-radius:22px;box-shadow:0 18px 40px #0206171f;box-shadow:var(--pp-shadow-2);color:#fff;display:flex;gap:18px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:26px 22px;position:relative}.pp .pp-badgeHero{align-items:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-weight:800;gap:8px;padding:6px 12px}.pp .pp-hero h1{font-size:clamp(24px,3.2vw,36px);letter-spacing:.2px;margin:10px 0 2px}.pp .pp-hero p{color:#e7eeff;margin:6px 0 14px;max-width:60ch}.pp .pp-heroCtas{display:flex;flex-wrap:wrap;gap:12px}.pp .pp-heroLeft{flex:1.15 1}.pp .pp-heroRight{grid-gap:10px;align-content:flex-start;display:grid;flex:.85 1;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:960px){.pp .pp-heroRight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.pp .pp-heroRight{grid-template-columns:1fr 1fr}}.pp .pp-heroStat{background:linear-gradient(180deg,#ffffff22,#ffffff10);border:1px solid #ffffff3a;border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:6px;padding:12px}.pp .pp-heroStat .pp-name{font-size:19px;font-weight:900}.pp .pp-name{font-size:15.5px;font-weight:900;letter-spacing:.2px}.pp .pp-error{color:#fee2e2}.pp .pp-subnav{border-bottom:1px solid #0000000f;margin:10px 0 0;overflow-x:auto}.pp .pp-subnavList{display:flex;gap:28px;list-style:none;margin:0;padding:0 6px}.pp .pp-subnavLink{color:#8b8e98;display:inline-block;font-size:14px;font-weight:800;padding:12px 2px 14px;position:relative;text-decoration:none;white-space:nowrap}.pp .pp-subnavLink.active{color:#2f6df6}.pp .pp-subnavLink.active:after{background:#2f6df6;border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.pp .pp-btn{--btn-bg:linear-gradient(135deg,#5b7cfa,#6b4efc 45%,#4c79ff);--btn-text:#fff;--btn-shadow:0 8px 18px #4c79ff59;--btn-border:#0000;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;line-height:1;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.pp .pp-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.pp .pp-btn--outline{--btn-bg:linear-gradient(#fff,#fff);--btn-text:#3b5bdb;--btn-border:#3b5bdb40;--btn-shadow:0 6px 14px #3b5bdb26}.pp .pp-btn--danger{--btn-bg:linear-gradient(135deg,#ff6b6b,#ff3d69 45%,#ff4d4f);--btn-shadow:0 8px 18px #ff4d4f59}.pp .pp-btn--sm{font-size:.86rem;padding:8px 12px}.pp .pp-btnIcon{align-items:center;background:#f7f8fc;border:1px solid #0f172a0f;border-radius:999px;box-shadow:0 4px 10px #0206170f;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.pp .pp-btnIcon:hover{background:#eef2ff}.pp .pp-iconBtn{align-items:center;background:#f7f8fc;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 4px 10px #0206170f;color:#334155;cursor:pointer;display:inline-flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:transform .1s ease,box-shadow .12s ease,background .15s ease;width:40px}.pp .pp-iconBtn:hover{background:#eef2ff;box-shadow:0 8px 16px #02061714;transform:translateY(-1px)}.pp .pp-iconBtn--danger{background:#fff1f0;border-color:#ffd6d6;color:#b42318}.pp .pp-iconBtn--danger:hover{background:#ffe5e5}.pp .pp-cellActions--stack .pp-btnIcon{gap:8px;height:40px;padding:0 12px;width:auto}.pp .pp-actionText{font-size:12.5px;font-weight:800}.pp .pp-filter{align-items:center;background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;border-radius:var(--pp-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px}.pp .pp-search{align-items:center;background:#fff;border:1px solid color-mix(in srgb,#e7e9f2 85%,#0000);border:1px solid color-mix(in srgb,var(--pp-border) 85%,#0000);border-radius:14px;box-shadow:0 6px 16px #0206170f;display:inline-flex;flex:1 1;gap:10px;height:44px;min-width:320px;padding:0 12px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.pp .pp-search:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp .pp-search svg{color:#64748b;color:var(--pp-muted);font-size:17px}.pp .pp-search input{background:#0000;border:none;color:#0f172a;color:var(--pp-text);font-size:14.5px;font-weight:500;height:100%;outline:none;width:100%}.pp .pp-search input::placeholder{color:color-mix(in srgb,#64748b 70%,#0000);color:color-mix(in srgb,var(--pp-muted) 70%,#0000);font-weight:400}.pp .pp-search:focus-within{border-color:color-mix(in srgb,#2563eb 55%,#e7e9f2);border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f,0 10px 22px #0206171a;outline:none}.pp .pp-sort{align-items:center;background:#fff;border:1px solid color-mix(in srgb,#e7e9f2 85%,#0000);border:1px solid color-mix(in srgb,var(--pp-border) 85%,#0000);border-radius:14px;box-shadow:0 6px 16px #0206170f;display:inline-flex;gap:10px;height:44px;min-width:210px;padding:0 42px 0 12px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.pp .pp-sort:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp .pp-sort svg{color:#64748b;color:var(--pp-muted);font-size:17px}.pp .pp-sort select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#0f172a;color:var(--pp-text);cursor:pointer;font-size:14.5px;font-weight:500;height:100%;outline:none;padding-right:24px;width:100%}.pp .pp-sort:after{color:#64748b;color:var(--pp-muted);content:"▾";font-weight:700;opacity:.9;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.pp .pp-sort:focus-within{border-color:color-mix(in srgb,#2563eb 55%,#e7e9f2);border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f,0 10px 22px #0206171a;outline:none}.pp .pp-chip{align-items:center;background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;box-shadow:0 6px 16px #0206170f;color:#0f172a;color:var(--pp-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;padding:9px 12px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.pp .pp-chip:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp .pp-chip.active{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}@media (max-width:920px){.pp .pp-filter{align-items:stretch;flex-direction:column}.pp .pp-rightSpacer{display:none}.pp .pp-search,.pp .pp-sort{min-width:0;width:100%}}.pp .pp-tableCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;border-radius:var(--pp-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);overflow:hidden}.pp .pp-tableHead{align-items:center;border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 14px}.pp .pp-selectedHint{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;font-weight:800;padding:4px 8px}.pp .pp-table{border-collapse:collapse;width:100%}.pp .pp-table thead th{border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);color:#64748b;color:var(--pp-muted);font-size:.82rem;letter-spacing:.4px;padding:12px 10px;text-transform:uppercase}.pp .pp-table td{border-bottom:1px dashed color-mix(in srgb,#e7e9f2 80%,#0000);border-bottom:1px dashed color-mix(in srgb,var(--pp-border) 80%,#0000);padding:12px 10px;vertical-align:top}.pp .pp-cellName{align-items:center;display:flex;gap:10px}.pp .pp-avatar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;display:inline-flex;flex:0 0 auto;font-weight:900;height:36px;justify-content:center;width:36px}.pp .pp-tiny{background:#f6f7fb;background:var(--pp-bg);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:999px;color:#64748b;color:var(--pp-muted);display:inline-block;font-size:.88rem;padding:4px 10px}.pp .pp-titleClamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.45;overflow:hidden;word-break:break-word}.pp .pp-statusCell{display:flex;flex-direction:column;gap:8px}.pp .pp-statusCell select{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:12px;color:#0f172a;color:var(--pp-text);font-weight:600;height:38px;padding:0 10px}.pp .pp-pager{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp .pp-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.88rem;font-weight:900;gap:8px;padding:6px 12px;white-space:nowrap}.pp .pp-pill--gray{background:#f1f5f9;border:1px solid #e5e7eb;color:#344254}.pp .pp-pill--warn{background:#fff4db;border:1px solid #f7e0b5;color:#9a5b09}.pp .pp-pill--danger{background:#ffe9ea;border:1px solid #ffc9cf;color:#991b1b}.pp .pp-pill--info{background:#eaf2ff;border:1px solid #cfe0ff;color:#1e3a8a}.pp .pp-pill--primary{background:#eaffe5;border:1px solid #b9f3c4;color:#065f46}.pp .pp-empty{color:#64748b;color:var(--pp-muted);padding:32px 0;text-align:center}.pp .pp-empty h4{color:#0f172a;color:var(--pp-text);margin:10px 0 4px}.pp .pp-sk{background:#e5e7eb;border-radius:10px;height:14px}.pp .pp-sk--text{height:12px;width:120px}.pp .pp-sk--textWide{height:12px;width:220px}.pp .pp-sk--pill{border-radius:999px;height:24px;width:100px}.pp .pp-sk--btn{border-radius:999px;height:32px;width:92px}.pp-banner__icon{margin-top:2px}.pp .pp-modalOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1600}.pp .pp-modal{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);display:flex;flex-direction:column;max-height:min(86vh,900px);overflow:hidden;width:min(92vw,820px)}.pp .pp-modalHead{align-items:flex-start;border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.pp .pp-modalBody{overflow:auto;padding:12px 14px}.pp .pp-modalActions{align-items:center;border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);display:flex;gap:10px;justify-content:flex-end;padding:10px 14px}.pp .pp-close{background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;color:#1e40af;cursor:pointer;padding:8px 10px}.pp .pp-centerPopupIcon{align-items:center;background:#eaffe5;border:1px solid #b9f3c4;border-radius:999px;color:#065f46;display:flex;font-size:28px;height:62px;justify-content:center;margin:0 auto;width:62px}.pp .pp-kvGrid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.pp .pp-kvGrid2{grid-template-columns:1fr}}.pp .pp-kvCard{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp .pp-kvKey{color:#64748b;color:var(--pp-muted);font-weight:800;margin-bottom:4px}.pp .pp-kvVal{font-weight:900}.pp .pp-detailBlock{margin-top:16px}@media (prefers-color-scheme:dark){.pp .pp-chip,.pp .pp-search,.pp .pp-sort{background:#fff;background:var(--pp-card)}.pp .pp-search input,.pp .pp-sort select{color:#0f172a;color:var(--pp-text)}.pp .pp-avatar{background:#1f2a44;border-color:#2b3a5d;color:#c7d2fe}.pp .pp-sk{background:#24304a}.pp-banner{background:#fff;background:var(--pp-card);border-color:#e7e9f2;border-color:var(--pp-border)}}:root{--pp-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--pp-brand:#0c1e5b;--pp-accent:#2563eb;--pp-ok:#16a34a;--pp-warn:#f59e0b;--pp-info:#0ea5e9;--pp-danger:#ef4444;--pp-text:#0f172a;--pp-muted:#64748b;--pp-bg:#f6f7fb;--pp-card:#fff;--pp-border:#e7e9f2;--pp-radius:16px;--pp-shadow:0 12px 30px #02061714;--pp-shadow-2:0 18px 40px #0206171f}*{box-sizing:border-box}body,html{height:100%}body{background:#f6f7fb;background:var(--pp-bg);color:#0f172a;color:var(--pp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;font-family:var(--pp-font);margin:0}button,input,select,textarea{font:inherit}.dashboard-container{background:#f6f7fb;background:var(--pp-bg);min-height:100vh}.content{padding:24px}.pp{color:#0f172a;color:var(--pp-text);font-size:15px;margin:0 auto;max-width:1120px;padding:2px 0}.pp-hero{align-items:stretch;background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);background:radial-gradient(1200px 380px at 0 -20%,#3b82f659 0,#0000 60%),radial-gradient(900px 280px at 100% 0,#2563eb40 0,#0000 60%),linear-gradient(135deg,var(--pp-brand),var(--pp-accent));border-radius:22px;box-shadow:0 18px 40px #0206171f;box-shadow:var(--pp-shadow-2);color:#fff;display:flex;gap:18px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:26px 22px;position:relative}.pp-badgeHero{align-items:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;font-weight:800;gap:8px;padding:6px 12px}.pp-hero h1{font-size:clamp(24px,3.2vw,36px);letter-spacing:.2px;margin:10px 0 2px}.pp-hero p{color:#e7eeff;margin:6px 0 14px;max-width:60ch}.pp-heroLeft{flex:1.15 1}.pp-heroRight{grid-gap:10px;align-content:flex-start;display:grid;flex:.85 1;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:960px){.pp-heroRight{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-heroStat{background:linear-gradient(180deg,#ffffff22,#ffffff10);border:1px solid #ffffff3a;border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:6px;padding:12px}.pp-heroStat .pp-name{font-size:19px;font-weight:900}.pp-subnav{border-bottom:1px solid #0000000f;margin:10px 0 0;overflow-x:auto}.pp-subnavList{display:flex;gap:28px;list-style:none;margin:0;padding:0 6px}.pp-subnavLink{color:#8b8e98;display:inline-block;font-size:14px;font-weight:800;padding:12px 2px 14px;position:relative;text-decoration:none;white-space:nowrap}.pp-subnavLink.active{color:#2f6df6}.pp-subnavLink.active:after{background:#2f6df6;border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.pp-btn{--btn-bg:linear-gradient(135deg,#5b7cfa,#6b4efc 45%,#4c79ff);--btn-text:#fff;--btn-shadow:0 8px 18px #4c79ff59;--btn-border:#0000;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:999px;box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;line-height:1;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,filter .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.pp-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.pp-btn--outline{--btn-bg:linear-gradient(#fff,#fff);--btn-text:#3b5bdb;--btn-border:#3b5bdb40;--btn-shadow:0 6px 14px #3b5bdb26}.pp-btn--danger{--btn-bg:linear-gradient(135deg,#ff6b6b,#ff3d69 45%,#ff4d4f);--btn-shadow:0 8px 18px #ff4d4f59}.pp-btn--sm{font-size:.86rem;padding:8px 12px}.pp-muted{color:#64748b;color:var(--pp-muted)}.pp-rightSpacer{flex:1 1}.pp-filter{align-items:center;background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;border-radius:var(--pp-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);margin-bottom:14px;padding:14px}.pp-filter,.pp-sortGroup{display:flex;flex-wrap:wrap;gap:10px}.pp-selectBtn{align-items:center;background:#fff;border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:14px;box-shadow:0 6px 16px #0206170f;display:inline-flex;gap:10px;height:44px;min-width:210px;padding:0 42px 0 12px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.pp-selectBtn:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-1px)}.pp-selectBtn:focus-within{border-color:color-mix(in srgb,#2563eb 55%,#e7e9f2);border-color:color-mix(in srgb,var(--pp-accent) 55%,var(--pp-border));box-shadow:0 0 0 4px #2563eb1f,0 10px 22px #0206171a;outline:none}.pp-selectIcon{color:#64748b;color:var(--pp-muted);font-size:17px;opacity:1}.pp-selectText{color:#0f172a;color:var(--pp-text);font-size:14.5px;font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-selectCaret{color:#64748b;color:var(--pp-muted);font-weight:600;opacity:.9;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.pp-selectBtn select{appearance:none;-webkit-appearance:none;background:#0000;border:none;cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.pp-searchBtn{flex:1 1;min-width:320px;padding-right:14px}.pp-searchBtn .pp-selectCaret{display:none}.pp-searchInput{background:#0000;border:none;color:#0f172a;color:var(--pp-text);font-size:14.5px;font-weight:500;height:100%;outline:none;width:100%}.pp-searchInput::placeholder{color:color-mix(in srgb,#64748b 70%,#0000);color:color-mix(in srgb,var(--pp-muted) 70%,#0000);font-weight:400}@media (max-width:920px){.pp-filter{align-items:stretch;flex-direction:column}.pp-rightSpacer{display:none}.pp-sortGroup{width:100%}.pp-selectBtn{min-width:0;width:100%}.pp-searchBtn{min-width:0}.pp-selectText{max-width:100%}}.pp-tableCard{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:16px;border-radius:var(--pp-radius);box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);overflow:hidden}.pp-tableHead{align-items:center;border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 14px}.pp-selectedHint{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;font-weight:800;padding:4px 8px}.pp-pager{align-items:center;display:flex;gap:10px}.pp-pageBtn{align-items:center;background:#fff;border:1px solid #0f172a1a;border-radius:12px;box-shadow:0 6px 16px #0206170f;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:8px 12px}.pp-pageBtn:disabled{cursor:not-allowed;opacity:.55}.pp-table{border-collapse:collapse;width:100%}.pp-table thead th{border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);color:#64748b;color:var(--pp-muted);font-size:.82rem;letter-spacing:.4px;padding:12px 10px;text-transform:uppercase}.pp-table td{border-bottom:1px dashed color-mix(in srgb,#e7e9f2 80%,#0000);border-bottom:1px dashed color-mix(in srgb,var(--pp-border) 80%,#0000);padding:12px 10px;vertical-align:top}.text-center{text-align:center}.pp-cellName{align-items:center;display:flex;gap:10px}.pp-avatar{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#1e40af;display:grid;flex:0 0 auto;font-weight:900;height:40px;place-items:center;width:40px}.pp-name{font-size:15.5px;font-weight:900;letter-spacing:.2px}.pp-titleClamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}.pp-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.88rem;font-weight:900;gap:8px;padding:6px 12px;white-space:nowrap}.pp-pill--gray{background:#f1f5f9;border:1px solid #e5e7eb;color:#344254}.pp-pill--warn{background:#fff4db;border:1px solid #f7e0b5;color:#9a5b09}.pp-pill--danger{background:#ffe9ea;border:1px solid #ffc9cf;color:#991b1b}.pp-pill--info{background:#eaf2ff;border:1px solid #cfe0ff;color:#1e3a8a}.pp-pill--primary{background:#eaffe5;border:1px solid #b9f3c4;color:#065f46}.pp-cellActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pp-cellActions,.pp-cellActions--stack,.pp-iconBtn{justify-content:center}.pp-iconBtn{align-items:center;background:#f7f8fc;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 4px 10px #0206170f;color:#334155;cursor:pointer;display:inline-flex;height:40px;transition:transform .1s ease,box-shadow .12s ease,background .15s ease;width:40px}.pp-iconBtn:hover{background:#eef2ff;box-shadow:0 8px 16px #02061714;transform:translateY(-1px)}.pp-iconBtn--danger{background:#fff1f0;border-color:#ffd6d6;color:#b42318}.pp-iconBtn--danger:hover{background:#ffe5e5}.pp-selectSmall{background:#fff;border:1px solid #0f172a1f;border-radius:12px;box-shadow:0 4px 10px #0206170f;font-size:13px;font-weight:800;height:40px;padding:0 10px}.pp-revisiWarn{align-items:flex-start;display:flex;gap:8px;margin:0 auto;max-width:360px;text-align:left}.pp-revisiWarnIcon{color:#92400e;margin-top:2px}.pp-revisiWarnText{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#7c5a16;font-size:12.5px;line-height:1.35;padding:10px}.pp-empty{color:#64748b;color:var(--pp-muted);padding:32px 0;text-align:center}.pp-empty h4{color:#0f172a;color:var(--pp-text);margin:10px 0 4px}.pp-sk{background:#e5e7eb;border-radius:10px;height:14px}.pp-sk--text{height:12px;width:120px}.pp-sk--textWide{height:12px;width:220px}.pp-sk--pill{border-radius:999px;height:24px;width:100px}.pp-sk--btn{border-radius:999px;height:32px;width:92px}.pp-banner{align-items:flex-start;background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 4px 20px #11182714;display:flex;gap:12px;margin:14px 0;padding:12px 14px}.pp-banner__close{background:#0000;border:0;color:#64748b;cursor:pointer;font-size:20px;margin-left:auto}.pp-banner--success{background:#ecfdf5;border-color:#10b98133}.pp-banner--warning{background:#fffbeb;border-color:#f59e0b33}.pp-banner--danger{background:#fef2f2;border-color:#ef444433}.pp-banner--info{background:#eff6ff;border-color:#3b82f633}.pp-modalOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1600}.pp-modal{background:#fff;background:var(--pp-card);border:1px solid #e7e9f2;border:1px solid var(--pp-border);border-radius:18px;box-shadow:0 12px 30px #02061714;box-shadow:var(--pp-shadow);display:flex;flex-direction:column;max-height:min(86vh,900px);overflow:hidden;width:min(92vw,720px)}.pp-modal--detail{width:min(96vw,980px)}.pp-modalHead{align-items:flex-start;border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.pp-modalBody{overflow:auto;padding:12px 14px}.pp-modalActions{align-items:center;border-top:1px solid #e7e9f2;border-top:1px solid var(--pp-border);display:flex;gap:10px;justify-content:flex-end;padding:10px 14px}.pp-close{background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;color:#1e40af;cursor:pointer;padding:8px 10px}.pp-centerPopupIcon{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#1e40af;display:grid;height:56px;margin:0 auto;place-items:center;width:56px}.pp-centerPopupIcon svg{font-size:22px}.pp-kvGrid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:860px){.pp-kvGrid2{grid-template-columns:1fr}}.pp-kvCard{background:#f6f7fb;background:var(--pp-bg);border:1px dashed #e7e9f2;border:1px dashed var(--pp-border);border-radius:14px;padding:12px}.pp-kvKey{color:#64748b;color:var(--pp-muted);font-size:12px;font-weight:900;letter-spacing:.35px;margin-bottom:6px;text-transform:uppercase}.pp-kvVal{color:#0f172a;color:var(--pp-text);font-weight:800}@media (max-width:760px){.pp-table thead{display:none}.pp-table,.pp-table tbody,.pp-table td,.pp-table tr{display:block;width:100%}.pp-table tr{border-bottom:1px solid #e7e9f2;border-bottom:1px solid var(--pp-border);padding:12px}.pp-table td{grid-gap:10px;border-bottom:none;display:grid;gap:10px;grid-template-columns:110px 1fr;padding:8px 0}.pp-table td:before{align-self:start;color:#64748b;color:var(--pp-muted);content:attr(data-label);font-size:.76rem;font-weight:900;letter-spacing:.4px;padding-top:2px;text-transform:uppercase}.text-center{text-align:left}.pp-cellActions--stack{justify-content:flex-start}}.pp-detailBlock{margin-top:12px}.ps{color:#0f172a;margin:0;max-width:1120px;padding:16px 18px}.ps-hero{border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:12px;padding:18px 18px 14px}.ps-heroLeft{flex:1 1 520px;min-width:260px}.ps-heroRight{align-items:flex-start;display:flex;flex:0 1 420px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ps-heroBadge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;letter-spacing:.2px;padding:6px 10px}.ps-heroTitle{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.2;margin:6px 0}.ps-heroDesc{font-size:14px;margin:0 0 10px;opacity:.95}.ps-heroActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.ps-heroStat{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;min-width:140px;padding:10px 12px}.ps-heroStatLabel{font-size:12px;opacity:.95}.ps-heroStatValue{font-size:14px;font-weight:800;margin-top:2px}.ps-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;line-height:1;padding:6px 10px;-webkit-user-select:none;user-select:none}.ps-pill--info{background:#ffffff24;border-color:#ffffff2e;color:#fff}.ps-inlinePill{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ps-muted{color:#64748b}.ps-banner{align-items:flex-start;border:1px solid #0000;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px;padding:12px}.ps-banner__icon{font-size:18px;line-height:1;margin-top:2px}.ps-banner__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.ps-banner__title{font-size:14px;font-weight:800}.ps-banner__msg{font-size:14px;opacity:.95}.ps-banner__close{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.ps-banner__close:hover{background:#0206170f}.ps-banner--danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.ps-banner--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.ps-banner--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.ps-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.ps-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.ps-cardHead{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.ps-cardTitle{color:#0f172a;font-size:16px;font-weight:800;margin:0}.ps-cardSub{color:#64748b;font-size:14px;line-height:1.5;margin-top:4px}.ps-cardBody{padding:14px 16px 16px}.ps-form{grid-gap:12px;display:grid;gap:12px}.ps-field{grid-gap:6px;display:grid;gap:6px}.ps-label{color:#0f172a;font-size:13px;font-weight:700}.ps-req{color:#b91c1c;font-weight:800}.ps-help{color:#64748b;font-size:13px}.ps-error{color:#b91c1c;font-size:13px;font-weight:700}.ps-grid2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ps-input,.ps-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;padding:10px 12px;width:100%}.ps-textarea{min-height:110px;resize:vertical}.ps-input:focus,.ps-textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f62e}.ps-input.has-error,.ps-textarea.has-error{border-color:#ef44448c;box-shadow:0 0 0 3px #ef44441f}.ps-file{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.ps-file:hover{background:#f8fafc}.ps-file input{display:none}.ps-file.has-error{border-color:#ef44448c}.ps-fileIcon{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;display:grid;flex:0 0 auto;font-size:18px;height:40px;place-items:center;width:40px}.ps-fileText{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ps-fileName{color:#0f172a;font-size:14px;font-weight:700;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-fileMeta{color:#64748b;font-size:13px}.ps-fileTag{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:inline-flex;justify-content:center;padding:6px 8px}.ps-fileActions{display:flex;flex:0 0 auto;gap:8px}.ps-check{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;padding:10px 12px}.ps-check input{height:16px;margin-top:2px;width:16px}.ps-check.has-error{border-color:#ef44448c}.ps-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:6px}.ps-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;line-height:1;padding:10px 14px;text-decoration:none}.ps-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.ps-btn--outline:hover{background:#f8fafc}.ps-btn--ghost{background:#0000;border-color:#0000;color:#0f172a}.ps-btn--ghost:hover{background:#0206170f}.ps-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.ps-btn--primary:hover{background:#1d4ed8}.ps-btn--danger{background:#dc2626;border-color:#b91c1c;color:#fff}.ps-btn--danger:hover{background:#b91c1c}.ps-btn:disabled{cursor:not-allowed;opacity:.6}.ps-btn--xs{border-radius:10px;font-size:13px;padding:8px 10px}.ps-footNote{align-items:center;border-top:1px dashed #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:8px}.ps-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.ps-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:560px;overflow:hidden;width:100%}.ps-modalHead{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:14px}.ps-modalHead,.ps-modalHeadLeft{align-items:flex-start;display:flex}.ps-modalHeadLeft{gap:10px}.ps-modalIcon{color:#2563eb;font-size:20px;margin-top:2px}.ps-modalIcon.is-success{color:#16a34a}.ps-modalIcon.is-danger{color:#dc2626}.ps-modalTitle{color:#0f172a;font-size:15px;font-weight:800}.ps-modalDesc{color:#64748b;font-size:14px;margin-top:2px}.ps-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.ps-iconBtn:hover{background:#0206170f}.ps-modalActions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px}@media (max-width:900px){.ps-heroRight{justify-content:flex-start}.ps-fileName{max-width:360px}}@media (max-width:640px){.ps{padding:14px 12px}.ps-grid2{grid-template-columns:1fr}.ps-fileName{max-width:260px}}.rj{color:#0f172a;margin:0;max-width:1120px;padding:16px 18px}.rj-hero{border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:12px;padding:18px 18px 14px}.rj-heroLeft{flex:1 1 520px;min-width:260px}.rj-heroRight{align-items:flex-start;display:flex;flex:0 1 420px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.rj-heroBadge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;letter-spacing:.2px;padding:6px 10px}.rj-heroTitle{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.2;margin:6px 0}.rj-heroDesc{font-size:14px;margin:0 0 10px;opacity:.95}.rj-heroActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.rj-heroStat{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;min-width:140px;padding:10px 12px}.rj-heroStatLabel{font-size:12px;opacity:.95}.rj-heroStatValue{font-size:14px;font-weight:800;margin-top:2px}.rj-banner{align-items:flex-start;border:1px solid #0000;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px;padding:12px}.rj-banner__icon{font-size:18px;line-height:1;margin-top:2px}.rj-banner__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.rj-banner__title{font-size:14px;font-weight:800}.rj-banner__msg{font-size:14px;opacity:.95}.rj-banner__close{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.rj-banner__close:hover{background:#0206170f}.rj-banner--danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.rj-banner--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.rj-banner--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.rj-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.rj-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.rj-cardHead{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.rj-cardTitle{color:#0f172a;font-size:16px;font-weight:800;margin:0}.rj-cardSub{color:#64748b;font-size:14px;line-height:1.5;margin-top:4px}.rj-cardBody{padding:14px 16px 16px}.rj-skeleton{color:#64748b;padding:12px 0}.rj-form{grid-gap:12px}.rj-form,.rj-grid2{display:grid;gap:12px}.rj-grid2{grid-gap:12px;grid-template-columns:1fr 1fr}.rj-field{grid-gap:6px;display:grid;gap:6px}.rj-label{color:#0f172a;font-size:13px;font-weight:700}.rj-labelIcon{align-items:center;display:inline-flex;gap:8px}.rj-req{color:#b91c1c;font-weight:800;margin-left:4px}.rj-muted{color:#64748b}.rj-input,.rj-select,.rj-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;padding:10px 12px;width:100%}.rj-textarea{min-height:90px;resize:vertical}.rj-input:focus,.rj-select:focus,.rj-textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f62e}.rj-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:6px}.rj-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;line-height:1;padding:10px 14px;text-decoration:none}.rj-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.rj-btn--outline:hover{background:#f8fafc}.rj-btn--ghost{background:#0000;border-color:#0000;color:#0f172a}.rj-btn--ghost:hover{background:#0206170f}.rj-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.rj-btn--primary:hover{background:#1d4ed8}.rj-btn:disabled{cursor:not-allowed;opacity:.6}.rj-footNote{border-top:1px dashed #e5e7eb;padding-top:8px}.rj-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.rj-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:560px;overflow:hidden;width:100%}.rj-modalHead{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:14px}.rj-modalHead,.rj-modalHeadLeft{align-items:flex-start;display:flex}.rj-modalHeadLeft{gap:10px}.rj-modalIcon{color:#2563eb;font-size:20px;margin-top:2px}.rj-modalIcon.is-success{color:#16a34a}.rj-modalTitle{color:#0f172a;font-size:15px;font-weight:800}.rj-modalDesc{color:#64748b;font-size:14px;margin-top:2px}.rj-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.rj-iconBtn:hover{background:#0206170f}.rj-modalActions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px}@media (max-width:900px){.rj-heroRight{justify-content:flex-start}}@media (max-width:640px){.rj{padding:14px 12px}.rj-grid2{grid-template-columns:1fr}}.sk{color:#0f172a;margin:0;max-width:1120px;padding:16px 18px}.sk-hero{border:1px solid #e2e8f0e6;border-radius:14px;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:12px;padding:18px 18px 14px}.sk-heroLeft{flex:1 1 520px;min-width:260px}.sk-heroRight{align-items:flex-start;display:flex;flex:0 1 420px;flex-wrap:wrap;gap:10px;justify-content:flex-end}.sk-heroBadge{align-items:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;font-size:13px;gap:8px;letter-spacing:.2px;padding:6px 10px}.sk-heroTitle{font-size:26px;font-weight:800;letter-spacing:.2px;line-height:1.2;margin:6px 0}.sk-heroDesc{font-size:14px;margin:0 0 10px;opacity:.95}.sk-heroActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.sk-heroStat{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;min-width:140px;padding:10px 12px}.sk-heroStatLabel{font-size:12px;opacity:.95}.sk-heroStatValue{font-size:14px;font-weight:800;margin-top:2px}.sk-banner{align-items:flex-start;border:1px solid #0000;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin:10px 0 12px;padding:12px}.sk-banner__icon{font-size:18px;line-height:1;margin-top:2px}.sk-banner__body{display:flex;flex:1 1;flex-direction:column;gap:2px}.sk-banner__title{font-size:14px;font-weight:800}.sk-banner__msg{font-size:14px;opacity:.95}.sk-banner__close{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.sk-banner__close:hover{background:#0206170f}.sk-banner--danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.sk-banner--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.sk-banner--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.sk-banner--success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.sk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.sk-cardHead{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.sk-cardTitle{color:#0f172a;font-size:16px;font-weight:800;margin:0}.sk-cardSub{color:#64748b;font-size:14px;line-height:1.5;margin-top:4px}.sk-cardBody{padding:14px 16px 16px}.sk-form{grid-gap:12px}.sk-form,.sk-grid2{display:grid;gap:12px}.sk-grid2{grid-gap:12px;grid-template-columns:1fr 1fr}.sk-field{grid-gap:6px;display:grid;gap:6px}.sk-label{color:#0f172a;font-size:13px;font-weight:700}.sk-req{color:#b91c1c;font-weight:800}.sk-help{color:#64748b;font-size:13px}.sk-error{color:#b91c1c;font-size:13px;font-weight:700}.sk-muted{color:#64748b}.sk-file{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.sk-file:hover{background:#f8fafc}.sk-file input{display:none}.sk-file.has-error{border-color:#ef44448c}.sk-file.is-disabled{cursor:not-allowed;opacity:.65}.sk-fileIcon{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;display:grid;flex:0 0 auto;font-size:18px;height:40px;place-items:center;width:40px}.sk-fileText{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sk-fileName{color:#0f172a;font-size:14px;font-weight:700;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-fileMeta{color:#64748b;font-size:13px}.sk-fileActions{display:flex;flex:0 0 auto;gap:8px}.sk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:6px}.sk-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;line-height:1;padding:10px 14px;text-decoration:none}.sk-btn--outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.sk-btn--outline:hover{background:#f8fafc}.sk-btn--ghost{background:#0000;border-color:#0000;color:#0f172a}.sk-btn--ghost:hover{background:#0206170f}.sk-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.sk-btn--primary:hover{background:#1d4ed8}.sk-btn:disabled{cursor:not-allowed;opacity:.6}.sk-btn--xs{border-radius:10px;font-size:13px;padding:8px 10px}.sk-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.sk-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:560px;overflow:hidden;width:100%}.sk-modalHead{border-bottom:1px solid #e5e7eb;gap:12px;justify-content:space-between;padding:14px}.sk-modalHead,.sk-modalHeadLeft{align-items:flex-start;display:flex}.sk-modalHeadLeft{gap:10px}.sk-modalIcon{color:#2563eb;font-size:20px;margin-top:2px}.sk-modalIcon.is-success{color:#16a34a}.sk-modalTitle{color:#0f172a;font-size:15px;font-weight:800}.sk-modalDesc{color:#64748b;font-size:14px;margin-top:2px}.sk-iconBtn{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:4px}.sk-iconBtn:hover{background:#0206170f}.sk-modalActions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:14px}.sk-footNote{border-top:1px dashed #e5e7eb;padding-top:8px}@media (max-width:900px){.sk-heroRight{justify-content:flex-start}.sk-fileName{max-width:360px}}@media (max-width:640px){.sk{padding:14px 12px}.sk-grid2{grid-template-columns:1fr}.sk-fileName{max-width:260px}}.psa-wrap{margin:0;max-width:980px;padding:16px}.psa-hero{background:radial-gradient(900px 300px at 0 -10%,#3b82f659 0,#0000 60%),radial-gradient(700px 260px at 100% 0,#6366f14d 0,#0000 60%),linear-gradient(135deg,#0c1e5b,#2563eb);border-radius:18px;box-shadow:0 18px 55px #0000001a;color:#fff;margin-bottom:14px;padding:18px}.psa-heroTop{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.psa-badge{align-items:center;background:#ffffff24;border-radius:999px;display:inline-flex;font-weight:600;gap:8px}.psa-badge,.psa-meta{border:1px solid #ffffff38;font-size:12px;padding:8px 12px}.psa-meta{background:#ffffff1f;border-radius:999px;opacity:.95}.psa-metaNum{font-weight:700}.psa-title{align-items:center;display:flex;font-size:30px;font-weight:800;gap:10px;line-height:1.1;margin:12px 0 6px}.psa-subtitle{line-height:1.35;margin:0;opacity:.95}.psa-subtleStrong{font-weight:700}.psa-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.psa-hint{align-items:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px}.psa-alert{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:12px}.psa-alert,.psa-alertLeft{display:flex;gap:10px}.psa-alertIcon{margin-top:1px}.psa-alertTitle{font-weight:700;margin-bottom:2px}.psa-alertMsg{color:#475569;font-size:13px;line-height:1.35}.psa-alert--danger{background:#fef2f2;border-color:#fecaca}.psa-alert--warning{background:#fffbeb;border-color:#fde68a}.psa-alert--info{background:#eff6ff;border-color:#bfdbfe}.psa-iconBtn{background:#0000;border:none;color:#475569;cursor:pointer;font-size:18px;line-height:1}.psa-stack{grid-gap:12px;display:grid;gap:12px}.psa-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 30px #0000000f;overflow:hidden}.psa-cardHead{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.psa-cardTitle{font-size:18px;font-weight:800;margin:0}.psa-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px}.psa-mutedRight{color:#64748b;font-size:12px}.psa-mutedPad{color:#64748b;padding:14px}.psa-mutedSmall{color:#64748b;font-size:12px;padding:10px 14px 14px}.psa-kv{grid-gap:8px;display:grid;gap:8px;padding:14px}.psa-kvRow{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:120px 1fr}.psa-kvKey{color:#64748b}.psa-kvKey,.psa-kvVal{font-size:13px;font-weight:600}.psa-kvVal{color:#0f172a}.psa-kvVal--wrap{font-weight:500;line-height:1.35}.psa-progress{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:999px;height:10px;margin:0 14px;overflow:hidden}.psa-progressFill{background:#2563eb;height:100%;width:0}.psa-tableWrap{overflow:auto;padding:10px 14px 14px}.psa-table{border-collapse:initial;border-spacing:0;min-width:900px;width:100%}.psa-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a;font-size:13px;font-weight:800;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.psa-table tbody td{border-bottom:1px solid #eef2f7;font-size:13px;padding:9px 10px;vertical-align:top}.psa-colNo{width:60px}.psa-colKriteria{width:280px}.psa-colIndikator{width:360px}.psa-colMax{width:140px}.psa-colNilai{width:160px}.psa-tdCenter{text-align:center}.psa-tdStrong{font-weight:700}.psa-tdIndikator{line-height:1.3}.psa-emptyTd{color:#64748b;padding:14px;text-align:center}.psa-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:9px 10px;text-align:center;width:100%}.psa-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb26}.psa-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f}.psa-helpError{color:#b91c1c;font-size:12px;margin-top:4px}.psa-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}.psa-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 14px}.psa-btn--ghost{background:#f8fafc;border-color:#e5e7eb}.psa-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.psa-btn:disabled{cursor:not-allowed;opacity:.7}.psa-modalOverlay{background:#0f172a73;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.psa-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 55px #0000002e;max-width:520px;overflow:hidden;width:100%}.psa-modalHead{border-bottom:1px solid #eef2f7;gap:12px;justify-content:space-between;padding:12px 14px}.psa-modalHead,.psa-modalTitle{align-items:center;display:flex}.psa-modalTitle{font-weight:800;gap:8px}.psa-modalBody{color:#334155;line-height:1.45;padding:14px}.psa-modalActions{border-top:1px solid #eef2f7;display:flex;gap:10px;justify-content:flex-end;padding:12px 14px}.tr-alert{background:#eff6ff;border:1px solid #0000;border-radius:14px;color:#1e3a8a;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px}.tr-alert,.tr-alertLeft{align-items:flex-start;display:flex}.tr-alertLeft{gap:10px}.tr-alertBody{display:flex;flex-direction:column;gap:2px}.tr-alert--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.tr-alert--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.tr-alert--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.dashboard-container{display:flex;font-family:Montserrat,sans-serif;height:100vh}.sidebar{background:#152259;color:#fff;padding:50px 30px;width:220px}.sidebar,.sidebar .logo{display:flex;flex-direction:column}.sidebar .logo{align-items:center;font-size:20px;font-weight:700;gap:8px;margin:20px 0 40px}.sidebar .logo .logo-icon{height:100px;margin-bottom:20px;object-fit:contain;width:100px}.sidebar .menu a{align-items:center;border-radius:8px;color:#cfd8e3;display:flex;font-size:14px;gap:10px;margin:20px 0;padding:10px 12px;text-decoration:none;transition:background .3s,color .3s,transform .2s}.sidebar .menu a.active,.sidebar .menu a:hover{background:#1e3a8a;color:#fff;transform:translateX(5px)}.sidebar .menu a .menu-icon{height:20px;object-fit:contain;width:20px}.content{background:#f7f8fc;display:flex;flex:1 1;flex-direction:column;padding:20px 30px}.topbar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding:10px 20px;position:relative}.search-bar{border:1px solid #ddd;border-radius:8px;font-size:.85rem;margin-left:50px;padding:6px 10px;width:300px}.user-info{align-items:center;display:flex;gap:10px}.user-info img{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.profile-popup{background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000026;padding:15px;position:absolute;right:30px;top:70px;width:250px;z-index:100}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;margin-bottom:10px;padding-bottom:10px}.popup-avatar{border-radius:50%;height:45px;object-fit:cover;width:45px}.profile-info strong{color:#333;font-size:14px}.profile-info p{color:#666;font-size:12px;margin:2px 0 0}.popup-actions{display:flex;justify-content:flex-start;margin-top:10px}.logout-btn{color:#d32f2f;font-size:14px;font-weight:500;text-decoration:none;transition:.3s}.logout-btn:hover{color:#a10000}.hero{align-items:center;background:#152259;border-radius:16px;box-shadow:0 6px 20px #0000004d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:40px}.hero h1{font-size:30px;margin-bottom:30px;margin-top:-10px}.alert{align-items:flex-start;background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000026;color:#000;display:flex;gap:20px;padding:20px 80px}.alert-icon{font-size:22px;margin-left:-50px}.alert-content strong{color:#d32f2f;display:block;font-size:15px;margin-bottom:5px}.alert-content p{font-size:13px;margin-bottom:20px}.alert-actions{display:flex;font-size:13px;gap:15px}.alert-actions a{color:#007bff;text-decoration:none}.alert-actions button{background:none;border:none;color:#555;cursor:pointer}.hero-image img{height:auto;margin-right:80px;width:450px}.tabs{display:flex;gap:15px;margin-bottom:15px}.tabs button{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s,transform .1s}.tabs button:hover{transform:translateY(-1px)}.tabs button.active{background:#007bff;color:#fff}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.placeholder{color:#6b7280;font-size:14px;padding:8px 2px}.timeline.pretty{width:100%}.tl-legend{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:14px;margin-bottom:14px}.legend-item{align-items:center;display:inline-flex;gap:6px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.ring{border:1px solid #0000000d;box-shadow:0 0 0 3px #0000000d}.legend-text{white-space:nowrap}.gantt.fancy{position:relative;width:100%}.gantt-grid{border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(9,1fr);margin-left:160px;position:relative}.gantt-col{background-image:linear-gradient(180deg,#fff0,#00000005);border-left:1px dashed #e5e7eb;height:34px;position:relative}.gantt-col:first-child{border-left:none}.gantt-month{color:#94a3b8;font-size:11px;left:8px;position:absolute;top:7px}.today-line{background:linear-gradient(180deg,#60a5fa,#3b82f6);bottom:-8px;box-shadow:0 0 10px #3b82f680;position:absolute;top:0;transform:translateX(-1px);width:2px}.today-chip{background:#3b82f6;border-radius:999px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:10px;left:6px;padding:2px 6px;position:absolute;top:-16px}.gantt-row,.gantt-rows{position:relative}.gantt-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;height:46px}.gantt-label{color:#374151;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px}.gantt-track{background:#0000;flex:1 1;height:14px;position:relative}.gantt-bar{border-radius:9px;height:18px;overflow:visible;position:absolute;top:-2px}.gantt-bar:after{background:linear-gradient(120deg,#0000,#ffffff59 40%,#0000 80%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(-120%)}.gantt-bar.anim{animation:slideIn .6s cubic-bezier(.22,1,.36,1) both}.gantt-bar.anim:after{animation:shimmer 1.4s ease-in-out .4s 2}.gantt-bar:hover{box-shadow:0 8px 18px #0000001f;filter:brightness(1.02);transform:translateY(-1px);transition:box-shadow .25s,transform .25s,filter .25s}.bar-glow{border-radius:9px;box-shadow:0 8px 20px #0000001f,inset 0 0 8px #ffffff26;inset:0;opacity:.25}.bar-glow,.bar-tooltip{pointer-events:none;position:absolute}.bar-tooltip{background:#111827;border-radius:8px;box-shadow:0 6px 18px #0000002e;color:#fff;font-size:11px;left:50%;line-height:1.2;opacity:0;padding:6px 10px;top:-40px;transform:translateX(-50%) scale(.95);transition:opacity .2s,transform .2s;white-space:nowrap}.bar-tooltip strong{display:block;font-weight:700;margin-bottom:2px}.gantt-bar:hover .bar-tooltip{opacity:1;transform:translateX(-50%) scale(1)}.bar-tooltip:after{background:#111827;border-radius:1px;bottom:-5px;content:"";height:8px;left:50%;position:absolute;rotate:45deg;transform:translateX(-50%);width:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(6px) scaleX(.7)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes shimmer{0%{opacity:0;transform:translateX(-120%)}20%{opacity:.45}to{opacity:0;transform:translateX(120%)}}@media (max-width:900px){.gantt-grid{margin-left:120px}.gantt-label{width:120px}.gantt-month{font-size:10px}}.topbar-left-title h2{color:#111827;font-size:18px;font-weight:600;margin:0}.admin-page{margin-top:10px}.staf-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0f172a0f;padding:20px 24px}.staf-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.staf-search-wrap{position:relative;width:260px}.staf-search-icon{font-size:14px;left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.staf-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;outline:none;padding:8px 12px 8px 34px;width:100%}.staf-search-input:focus{background:#fff;border-color:#3b82f6}.staf-add-btn{align-items:center;background:#3b82f6;border:none;border-radius:10px;box-shadow:0 4px 10px #3b82f659;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px}.staf-add-btn:hover{filter:brightness(1.05)}.staf-alert-error{background:#fee2e2;color:#991b1b}.staf-alert-error,.staf-alert-success{border-radius:8px;font-size:13px;margin-bottom:10px;padding:8px 10px}.staf-alert-success{background:#dcfce7;color:#166534}.staf-table-wrapper{overflow-x:auto;width:100%}.staf-table{border-collapse:collapse;font-size:13px;width:100%}.staf-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:600;padding:10px 8px;text-align:left}.staf-table tbody td{border-bottom:1px solid #f3f4f6;color:#111827;padding:10px 8px}.staf-table tbody tr:hover{background:#f9fafb}.staf-table .col-actions{text-align:right;white-space:nowrap}.staf-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;margin-left:6px;transition:background .2s,transform .1s;width:32px}.staf-action-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.staf-modal-backdrop{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.staf-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #0f172a66;max-width:95%;padding:18px 20px 16px;width:720px}.staf-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.staf-modal-header h3{font-size:16px;font-weight:600}.staf-modal-close{background:#0000;border:none;cursor:pointer;font-size:18px}.staf-modal-body{margin-top:4px}.staf-modal-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.staf-modal-body .form-group{display:flex;flex-direction:column;gap:4px}.staf-modal-body label{color:#4b5563;font-size:12px}.staf-modal-body label span{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.staf-modal-body input,.staf-modal-body select{border:1px solid #e5e7eb;border-radius:8px;font-size:13px;outline:none;padding:7px 10px}.staf-modal-body input:focus,.staf-modal-body select:focus{border-color:#3b82f6}.staf-modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.staf-modal-footer .btn-primary,.staf-modal-footer .btn-secondary{border:none;border-radius:999px;cursor:pointer;font-size:13px;padding:8px 18px}.staf-modal-footer .btn-secondary{background:#e5e7eb;color:#111827}.staf-modal-footer .btn-primary{background:#3b82f6;color:#fff}@media (max-width:768px){.staf-modal-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b76131ea.css.map*/