:root{--bg: #F6F5F1;--panel: #FFFFFF;--panel-2: #EFEDE7;--border: #E3E0D8;--text: #23241F;--muted: #75746C;--accent: #1E3A5F;--accent-hover: #16304F;--accent-soft: #E8EDF4;--ok: #2F7D4F;--warn: #A8722A;--fail: #A63A3A;--serif: Georgia, "Times New Roman", serif;--shadow: 0 1px 2px rgba(35,36,31,.05), 0 4px 16px rgba(35,36,31,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.55}a{color:var(--accent);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}h2{font-size:1.4rem}h3{font-size:.82rem;margin-bottom:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}small{color:var(--muted)}.layout{display:flex;min-height:100vh}aside{width:224px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 0;position:sticky;top:0;height:100vh}.brand{font-family:var(--serif);font-size:1.25rem;font-weight:700;padding:0 22px 4px}.brand span{color:var(--accent);font-style:italic}.to-public{display:block;padding:0 22px 16px;font-size:.78rem;color:var(--muted)}aside nav{display:flex;flex-direction:column;flex:1;overflow-y:auto}aside nav a{padding:9px 22px;color:var(--muted);border-left:3px solid transparent;font-size:.92rem}aside nav a:hover{color:var(--text);text-decoration:none}aside nav a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft);font-weight:600}.side-user{padding:14px 22px 0;border-top:1px solid var(--border)}.side-user-name{font-weight:600;font-size:.9rem}.side-user-role{color:var(--muted);font-size:.78rem;margin:2px 0 10px}.main{flex:1;display:flex;flex-direction:column;min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:12px 26px;border-bottom:1px solid var(--border);background:var(--panel);position:relative}main{padding:26px;max-width:1100px;width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{text-align:center;margin-bottom:0}.stat-val{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{color:var(--muted);font-size:.82rem;margin-top:2px}.stat-warn .stat-val{color:var(--warn)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 800px){.two-col{grid-template-columns:1fr}}.page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.narrow{max-width:640px}.row-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.92rem}.row-line:last-child{border-bottom:none}.row-line.warn,.warn-text{color:var(--warn);font-weight:600}.muted{color:var(--muted)}.empty{color:var(--muted);padding:10px 0;font-size:.92rem}.hint{color:var(--muted);font-size:.85rem;margin:8px 0}.estimate{margin:10px 0}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2)}th,td{padding:11px 14px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--accent-soft)}.card .table-wrap{border:none;box-shadow:none}.field{display:block;margin-bottom:14px}.field span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:5px}input,select,textarea{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:9px 12px;font-size:.92rem;font-family:inherit}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filters input,.filters select{width:auto}.row-line select,td select{width:auto;padding:5px 8px}button{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:9px 18px;font-weight:600;font-size:.9rem;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border);padding:5px 12px;font-size:.82rem;margin-left:6px}button.ghost:hover:not(:disabled){background:var(--accent-soft)}button.danger{background:var(--fail)}button.danger:hover:not(:disabled){background:#8c2f2f}.actions{display:flex;gap:8px}.error-msg{color:var(--fail);background:#f7ecec;border:1px solid #E5C9C9;border-radius:8px;padding:9px 12px;margin:10px 0;font-size:.88rem}.ok-msg{color:var(--ok);margin:10px 0;font-size:.88rem}.ok-banner{color:var(--ok);background:#ebf3ee;border:1px solid #C9E0D1;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:.9rem}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:600}.badge-diajukan{background:#f5ede0;color:var(--warn)}.badge-disetujui,.badge-diterima,.badge-dibuka{background:var(--accent-soft);color:var(--accent)}.badge-diproses,.badge-dikerjakan{background:#eee9f5;color:#5b4a8a}.badge-selesai{background:#ebf3ee;color:var(--ok)}.badge-ditutup,.badge-draft{background:var(--panel-2);color:var(--muted)}.badge-ditolak{background:#f7ecec;color:var(--fail)}.page.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.login-card{width:100%;max-width:400px}.login-card h1{margin-bottom:4px;font-size:1.6rem}.login-card .accent{color:var(--accent);font-style:italic}.subtitle{color:var(--muted);font-size:.9rem;margin-bottom:20px}.switch-mode{margin-top:14px;font-size:.88rem;color:var(--muted)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#23241f73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #23241f33}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-head h3{margin:0;text-transform:none;letter-spacing:0;color:var(--text);font-size:1.05rem;font-family:var(--serif)}.notif-btn{background:transparent;color:var(--text);border:1px solid var(--border);position:relative;padding:7px 12px}.notif-btn:hover:not(:disabled){background:var(--panel-2)}.notif-count{position:absolute;top:-6px;right:-6px;background:var(--fail);color:#fff;border-radius:99px;font-size:.68rem;padding:1px 6px}.notif-panel{position:absolute;right:26px;top:54px;width:340px;max-height:420px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;z-index:40;box-shadow:0 14px 44px #23241f29}.notif-item{padding:10px;border-bottom:1px solid var(--border);font-size:.87rem}.notif-item:last-child{border-bottom:none}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--border)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.eq-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;max-height:240px;overflow-y:auto}.eq-item{display:flex;gap:10px;align-items:center;font-size:.9rem;cursor:pointer}.eq-item input{width:auto}.eq-item.disabled{opacity:.45;cursor:default}.eq-photo{max-width:100%;border-radius:8px;margin-bottom:12px}.loan-dates{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px;background:var(--panel-2)}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px;align-items:flex-start;font-size:.9rem}.stages{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.stage{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);padding:6px 14px;font-size:.82rem;text-transform:capitalize}.stage.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pub{min-height:100vh;display:flex;flex-direction:column}.pub-header{display:flex;align-items:center;gap:28px;padding:16px 5vw;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.pub-brand{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--text)}.pub-brand span{color:var(--accent);font-style:italic}.pub-brand:hover{text-decoration:none}.pub-nav{display:flex;gap:20px;flex:1}.pub-nav a{color:var(--muted);font-size:.94rem;padding:4px 0;border-bottom:2px solid transparent}.pub-nav a:hover{color:var(--text);text-decoration:none}.pub-nav a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.pub-auth{display:flex;gap:14px;align-items:center}.pub-login{color:var(--text);font-size:.92rem}.btn{display:inline-block;background:var(--accent);color:#fff!important;padding:9px 20px;border-radius:7px;font-weight:600;font-size:.92rem}.btn:hover{background:var(--accent-hover);text-decoration:none!important}.btn.outline{background:transparent;color:var(--accent)!important;border:1.5px solid var(--accent)}.btn.outline:hover{background:var(--accent-soft)}.btn.full{width:100%;text-align:center;margin-top:12px;border:none;cursor:pointer}.pub-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 5vw}.hero{text-align:center;padding:72px 0 56px}.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.18;margin-bottom:18px}.hero p{color:var(--muted);max-width:620px;margin:0 auto 28px;font-size:1.05rem}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-stats{display:flex;gap:0;justify-content:center;margin-top:52px;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hero-stats div{padding:20px 34px;border-right:1px solid var(--border)}.hero-stats div:last-child{border-right:none}.hero-stats strong{display:block;font-family:var(--serif);font-size:1.7rem;color:var(--accent)}.hero-stats span{color:var(--muted);font-size:.82rem}.pub-section{padding:40px 0}.pub-section h1{font-size:2rem;margin-bottom:8px}.pub-section h2{font-size:1.5rem;margin-bottom:20px}.lead{color:var(--muted);margin-bottom:22px;max-width:640px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.svc-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px;color:var(--text);box-shadow:var(--shadow);transition:transform .12s}.svc-card:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--accent)}.svc-card h3{text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:1.1rem;color:var(--text);margin-bottom:8px}.svc-card p{color:var(--muted);font-size:.88rem;margin-bottom:12px}.svc-card span{color:var(--accent);font-size:.85rem;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pub-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.pub-card img{width:100%;height:150px;object-fit:cover;border-bottom:1px solid var(--border)}.pub-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.pub-card-body small{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.pub-card-body h3{text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:1.02rem;color:var(--text);margin:4px 0 6px}.pub-card-body p{color:var(--muted);font-size:.85rem;flex:1}.pub-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.pub-card-foot strong{color:var(--accent)}.pub-card-foot strong.gratis{color:var(--ok)}.social{color:var(--muted);font-size:.78rem;background:var(--panel-2);padding:2px 9px;border-radius:99px}.avail{font-size:.82rem;color:var(--muted)}.avail.ok{color:var(--ok);font-weight:600}.training-meta{font-size:.82rem!important;color:var(--muted);margin-top:8px;line-height:1.6}.cta{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:36px;margin-top:36px;box-shadow:var(--shadow)}.cta h3{text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:1.3rem;color:var(--text)}.cta p{color:var(--muted);margin:8px 0 18px}.pub-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:40px 5vw;background:var(--panel);border-top:1px solid var(--border);margin-top:48px}.pub-footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.pub-footer a{display:block;color:var(--text);font-size:.9rem;padding:3px 0}.pub-footer p{color:var(--muted);font-size:.87rem;margin-top:8px;max-width:320px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media (max-width: 760px){.layout{flex-direction:column}aside{width:100%;height:auto;position:static;padding:12px 0}aside nav{flex-direction:row;flex-wrap:wrap}aside nav a{border-left:none;border-bottom:2px solid transparent;padding:8px 12px}aside nav a.active{border-bottom-color:var(--accent);background:transparent}.side-user{display:flex;gap:10px;align-items:center;border-top:none}main{padding:16px}.pub-header{flex-wrap:wrap;gap:12px}.pub-nav{order:3;width:100%;gap:14px;overflow-x:auto}.pub-footer{grid-template-columns:1fr;gap:20px}.hero{padding:44px 0 36px}.hero-stats div{padding:14px 18px}}