@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a56db;--primary-dark: #1341b0;--primary-light: #e8eeff;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--purple: #7c3aed;--dark: #0f172a;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--bg: #f8fafc;--sidebar-w: 260px}html,body{font-family:Plus Jakarta Sans,Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;max-width:100%;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0c1445 60%,#0f172a);z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:#1a56db40;top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:#06b6d433;bottom:-50px;left:-50px;animation-delay:3s}.orb-3{width:200px;height:200px;background:#8b5cf633;top:50%;left:30%;animation-delay:1.5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.grid-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1}.glass-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 15px 35px #0003}.app-container{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:var(--sidebar-w);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto}.sidebar.role-murid{background:#0f172a}.sidebar.role-validator{background:#0d2137}.sidebar.role-admin{background:linear-gradient(160deg,#1e1b4b,#0f172a)}.sidebar-logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px}.sidebar-logo img{width:36px;height:36px;object-fit:contain}.sidebar-logo-text .name{font-size:13px;font-weight:700;color:#fff}.sidebar-logo-text .sub{font-size:10px;color:#fff6}.sidebar-user{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-user-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.sidebar.role-murid .sidebar-user-badge{background:#1a56db26;border-color:#1a56db40}.sidebar.role-validator .sidebar-user-badge{background:#06b6d426;border-color:#06b6d440}.sidebar.role-admin .sidebar-user-badge{background:#7c3aed26;border-color:#7c3aed40}.sidebar-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#fff}.sidebar.role-murid .sidebar-avatar{background:linear-gradient(135deg,#1a56db,#06b6d4)}.sidebar.role-validator .sidebar-avatar{background:linear-gradient(135deg,#0891b2,#06b6d4)}.sidebar.role-admin .sidebar-avatar{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.sidebar-user-info .user-name{font-size:12px;font-weight:700;color:#fff}.sidebar-user-info .user-role{font-size:10px;color:#ffffff73}.sidebar nav{flex:1;padding:16px 12px}.nav-label{font-size:9px;font-weight:700;color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;padding:0 8px;margin:16px 0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:#ffffff8c;transition:all .2s;margin-bottom:2px;text-decoration:none}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.sidebar.role-murid .nav-item.active{background:#1a56db59;color:#60a5fa}.sidebar.role-validator .nav-item.active{background:#06b6d440;color:#22d3ee}.sidebar.role-admin .nav-item.active{background:#7c3aed40;color:#c4b5fd}.nav-item .icon{width:20px;text-align:center;font-size:16px}.nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06)}.btn-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:#fff6;transition:all .2s;background:none;border:none;width:100%;text-align:left}.btn-logout:hover{background:#ef444426;color:#fca5a5}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-title{font-size:16px;font-weight:800;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:12px}.page{padding:28px 32px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.08;background:var(--accent-color, var(--primary));transform:translate(20px,-20px)}.stat-icon{font-size:26px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:800;color:var(--text)}.stat-label{font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}.stat-trend{font-size:11px;font-weight:700;margin-top:8px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.stat-card.blue .stat-value{color:var(--primary)}.stat-card.green .stat-value{color:var(--success)}.stat-card.orange .stat-value{color:var(--warning)}.stat-card.purple .stat-value{color:var(--purple)}.card{background:#fff;border-radius:20px;border:1px solid var(--border);overflow:hidden;margin-bottom:24px}.card-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header-left{display:flex;align-items:center;gap:12px}.card-header-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-header-title{font-size:15px;font-weight:700}.card-header-sub{font-size:12px;color:var(--muted)}.card-body{padding:24px}.progress-steps{display:flex;align-items:center;margin-bottom:28px;overflow-x:auto;padding-bottom:8px}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:80px}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid var(--border);background:#fff;color:var(--muted);position:relative;z-index:1;transition:all .3s}.step-item.done .step-circle{background:var(--success);border-color:var(--success);color:#fff}.step-item.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #1a56db26}.step-label{font-size:10px;font-weight:600;color:var(--muted);text-align:center;line-height:1.3}.step-item.done .step-label,.step-item.active .step-label{color:var(--text)}.step-connector{flex:1;height:2px;background:var(--border);margin:17px -1px 0;min-width:20px;align-self:flex-start}.step-connector.done{background:var(--success)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group.full{grid-column:1 / -1}label.fl{font-size:12px;font-weight:600;color:var(--text)}label.fl .req{color:var(--danger);margin-left:2px}.form-input,.form-select{padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;color:var(--text);background:#fff;transition:all .2s;width:100%;outline:none}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}textarea.form-input{resize:vertical;min-height:80px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.doc-card{border:2px dashed var(--border);border-radius:14px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background:#fff}.doc-card:hover{border-color:var(--primary);background:var(--primary-light)}.doc-card.uploaded{border-style:solid;border-color:var(--success);background:#f0fdf4}.doc-card.error{border-style:solid;border-color:var(--danger);background:#fef2f2}.doc-card.ai-checking{border-color:var(--warning);background:#fffbeb;animation:pulseBorder 1.5s infinite}@keyframes pulseBorder{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.doc-icon{font-size:32px;margin-bottom:8px}.doc-name{font-size:12px;font-weight:700;color:var(--text);margin-bottom:4px}.doc-req{font-size:10px;color:var(--muted)}.doc-status{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}.doc-status.ok{background:#dcfce7;color:#166534}.doc-status.err{background:#fee2e2;color:#991b1b}.doc-status.checking{background:#fef9c3;color:#713f12}.doc-input{display:none}.doc-ai-result{font-size:10px;margin-top:8px;padding:6px;border-radius:6px;text-align:left;white-space:pre-wrap;line-height:1.5}.doc-ai-result.ok{background:#dcfce7;color:#166534}.doc-ai-result.err{background:#fee2e2;color:#991b1b}.doc-ai-result.checking{background:#fef9c3;color:#713f12}.ai-chat-box{background:linear-gradient(135deg,#0f172a,#1e1b4b);border-radius:16px;padding:20px;color:#fff}.ai-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ai-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1a56db,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ai-name{font-size:13px;font-weight:700}.ai-status{font-size:10px;color:#ffffff80;display:flex;align-items:center;gap:4px}.ai-status:before{content:"";width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block}.ai-messages{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-right:4px}.ai-msg{padding:10px 14px;border-radius:12px;font-size:12px;line-height:1.6;max-width:90%;word-break:break-word}.ai-msg.ai{background:#ffffff14;color:#ffffffe6;align-self:flex-start;border-bottom-left-radius:4px}.ai-msg.user{background:#1a56db66;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-input-row{display:flex;gap:8px}.ai-input{flex:1;padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;outline:none}.ai-input::placeholder{color:#ffffff4d}.ai-input:focus{border-color:#60a5fa80}.ai-send{padding:10px 16px;background:linear-gradient(135deg,#1a56db,#06b6d4);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;z-index:1;color:#fff}.timeline-dot.done{background:var(--success)}.timeline-dot.active{background:var(--primary);box-shadow:0 0 0 4px #1a56db26}.timeline-dot.pending{background:var(--border);color:var(--muted)}.timeline-item:before{content:"";position:absolute;left:18px;top:36px;bottom:0;width:2px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-item.done:before{background:var(--success)}.timeline-content{flex:1}.timeline-title{font-size:13px;font-weight:700;margin-bottom:2px}.timeline-desc{font-size:12px;color:var(--muted)}.timeline-time{font-size:10px;color:var(--muted);margin-top:4px}.btn{padding:11px 22px;border-radius:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#1a56db,#3b82f6);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #1a56db66}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-light)}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b98166}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.btn-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.btn-purple:hover{transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed66}.btn-sm{padding:6px 12px;font-size:11px}.btn-full{width:100%}.jalur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.jalur-card{padding:16px 10px;border-radius:14px;border:2px solid var(--border);cursor:pointer;transition:all .2s;text-align:center;background:#fff}.jalur-card:hover{border-color:var(--primary);transform:translateY(-2px)}.jalur-card.selected{border-color:var(--primary);background:var(--primary-light)}.jalur-card .jalur-color{width:40px;height:5px;border-radius:3px;margin:0 auto 8px}.jalur-card .jalur-icon{font-size:24px;margin-bottom:6px}.jalur-card .jalur-name{font-size:12px;font-weight:700;color:var(--text)}.jalur-card .jalur-quota{font-size:10px;color:var(--muted);margin-top:4px}.alert{padding:14px 16px;border-radius:12px;font-size:13px;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700}.status-pending{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.status-process{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-approved{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-rejected{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-pending{background:#fef9c3;color:#713f12}.badge-process{background:#dbeafe;color:#1e40af}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-domisili{background:#fef3c7;color:#92400e}.badge-afirmasi{background:#d1fae5;color:#065f46}.badge-prestasi{background:#fee2e2;color:#991b1b}.badge-mutasi{background:#ede9fe;color:#5b21b6}.ai-panel{background:linear-gradient(135deg,#1e1b4b,#0f172a);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(26,86,219,.4),transparent);border-radius:50%}.ai-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ai-pulse{width:10px;height:10px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.loading-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.table-container{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 24px;background:#f8fafc;border-bottom:1px solid var(--border)}td{padding:14px 24px;border-bottom:1px solid #f1f5f9;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.student-info{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.student-name{font-weight:700;font-size:13px}.student-nisn{font-size:11px;color:var(--muted)}.doc-checklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:20px}.doc-check-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:12px;background:#fff}.doc-check-item.ok{background:#f0fdf4;border-color:#bbf7d0}.doc-check-item.pending{background:#fffbeb;border-color:#fde68a}.check-icon{font-size:18px;flex-shrink:0}.check-text{font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform .25s;box-shadow:0 20px 50px #00000026}.modal-overlay.open .modal{transform:scale(1)}.modal-header{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:5}.modal-title{font-size:18px;font-weight:800}.modal-close{width:36px;height:36px;border-radius:10px;background:#f1f5f9;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e2e8f0}.modal-body{padding:28px}.modal-footer{padding:20px 28px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;background:#f8fafc;border-radius:0 0 24px 24px}.ai-validate-btn{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#1e1b4b,#1a56db);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;width:100%;justify-content:center;margin-bottom:16px}.ai-validate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #1a56db66}.ai-result-box{background:linear-gradient(135deg,#0f172a,#1e1b4b);border-radius:14px;padding:20px;color:#fff;font-size:13px;line-height:1.8;margin-bottom:16px;white-space:pre-wrap}.ai-result-box .ai-hdr{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700}.ai-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-bar{display:flex;align-items:center;gap:10px;padding:16px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-btn{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--muted);transition:all .2s}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-input{padding:8px 14px;border:1px solid var(--border);border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;outline:none;width:220px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1a56db1a}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.quota-card{border-radius:16px;padding:20px;position:relative;overflow:hidden}.quota-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--col1),var(--col2))}.quota-card-inner{position:relative;z-index:1}.quota-jalur{font-size:11px;font-weight:700;color:#ffffffb3;margin-bottom:8px;text-transform:uppercase}.quota-icon{font-size:32px;margin-bottom:8px}.quota-count{font-size:32px;font-weight:800;color:#fff}.quota-total{font-size:13px;color:#ffffffb3;margin-top:2px}.quota-bar-track{height:6px;background:#fff3;border-radius:3px;margin-top:12px;overflow:hidden}.quota-bar-fill{height:100%;background:#fffc;border-radius:3px;transition:width .5s}.quota-map{font-size:10px;color:#fff9;margin-top:6px}.jadwal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.jadwal-item{padding:16px;border-radius:14px;border:1px solid var(--border);background:#fff}.jadwal-item.active{background:linear-gradient(135deg,#1a56db,#3b82f6);border-color:transparent}.jadwal-item.done{opacity:.7}.jadwal-date{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px}.jadwal-item.active .jadwal-date{color:#ffffffbf}.jadwal-title{font-size:14px;font-weight:800;color:var(--text)}.jadwal-item.active .jadwal-title{color:#fff}.jadwal-sub{font-size:11px;color:var(--muted);margin-top:4px}.jadwal-item.active .jadwal-sub{color:#ffffffb3}.jadwal-status{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}.jadwal-item.active .jadwal-status{background:#ffffff40;color:#fff}.jadwal-item.done .jadwal-status{background:#dcfce7;color:#166534}.jadwal-status.pending{background:#fef9c3;color:#713f12}.particle{position:fixed;border-radius:50%;background:#ffffff14;animation:rise linear infinite;pointer-events:none}@keyframes rise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.5}to{transform:translateY(-100px) scale(1);opacity:0}}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.chart-wrapper{position:relative;height:250px}.lp-body{background-color:#fdfbf7;color:#334155;font-family:Inter,Plus Jakarta Sans,sans-serif}.lp-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;padding:12px 24px}.lp-header-container{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.lp-header-actions{display:flex;align-items:center;gap:16px}.lp-logo-sec{display:flex;align-items:center;gap:12px}.lp-logo-sec img{height:48px;width:auto}.lp-logo-title{font-size:18px;font-weight:800;color:#1e293b}.lp-logo-sub{font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.08em}.lp-badge-gratis{background:#10b981;color:#fff;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;box-shadow:0 2px 4px #10b98133}.lp-main{max-width:1200px;margin:0 auto;padding:40px 24px}.lp-hero-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:center;margin-bottom:60px}.lp-hero-left{display:flex;flex-direction:column;gap:16px}.lp-hero-tag{align-self:flex-start;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}.lp-hero-title{font-size:40px;font-weight:800;color:#1e293b;line-height:1.15}.lp-hero-title span{color:#0284c7}.lp-hero-desc{font-size:16px;color:#475569;line-height:1.6}.lp-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}.lp-hero-stat-card{background:#fff;padding:16px;border-radius:16px;border-bottom:4px solid var(--primary);box-shadow:0 4px 6px -1px #0000000d}.lp-hero-stat-card.prestasi{border-bottom-color:var(--warning)}.lp-hero-stat-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.lp-hero-stat-val{font-size:24px;font-weight:800;color:#1e293b;margin-top:4px}.lp-hero-right{background:#ffffffd9;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #00000014;border-radius:24px;padding:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp-section-title{font-size:28px;font-weight:800;color:#1e293b;text-align:center}.lp-section-sub{font-size:14px;color:#64748b;text-align:center;max-width:500px;margin:8px auto 0}.lp-path-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.lp-tab-btn{padding:10px 24px;border-radius:12px;font-weight:700;font-size:13px;border:1px solid var(--border);background:#fff;color:#475569;cursor:pointer;transition:all .2s}.lp-tab-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 4px 12px #0284c740}.lp-tab-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.lp-path-section{background:#fff;border-radius:32px;border:1px solid #f1f5f9;padding:36px;box-shadow:0 4px 20px #00000005;margin-bottom:60px}.lp-path-content-box{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:0 4px 6px -1px #00000005}.lp-path-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.lp-path-left{display:flex;flex-direction:column;gap:16px}.lp-path-title-wrap h3{font-size:24px;font-weight:800;color:#1e293b}.lp-path-quota-badge{align-self:flex-start;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;margin-top:6px;display:inline-block}.lp-path-summary{font-size:14px;color:#475569;line-height:1.6}.lp-path-alert{background:#0f172a;color:#fff;padding:16px;border-radius:16px;display:flex;gap:12px;font-size:12px}.lp-path-right{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.lp-path-right h4{font-size:14px;font-weight:800;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.lp-path-docs-list{list-style:none;display:flex;flex-direction:column;gap:12px}.lp-path-doc-item{font-size:13px;color:#475569;font-weight:500;display:flex;gap:10px;align-items:flex-start}.lp-path-doc-item .check{color:#10b981;font-weight:700}.lp-steps-sec{margin-top:60px;display:flex;flex-direction:column;gap:30px}.lp-steps-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.lp-steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lp-step-card{background:#fff;padding:20px;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 4px 6px -1px #00000005;transition:all .2s}.lp-step-card:hover{border-color:#bae6fd;box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.lp-step-top{display:flex;align-items:center;gap:12px}.lp-step-num{width:32px;height:32px;background:#f8fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#475569}.lp-step-card:hover .lp-step-num{background:#0284c7;color:#fff}.lp-step-icon{font-size:22px}.lp-step-text{margin-top:12px;font-size:13px;color:#475569;line-height:1.6;font-weight:500}.lp-timeline-sec{margin-top:60px;display:flex;flex-direction:column;gap:30px}.lp-timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.lp-timeline-col{display:flex;flex-direction:column;gap:16px}.lp-timeline-col-title{font-size:16px;font-weight:700;color:#0369a1;display:flex;align-items:center;gap:8px}.lp-timeline-col-title.fase2{color:#b45309}.lp-timeline-bullet{width:8px;height:8px;background:currentColor;border-radius:50%}.lp-timeline-card{background:#fff;padding:20px;border-radius:20px;border:1px solid #eff6ff;box-shadow:0 4px 6px -1px #00000005;display:flex;gap:16px}.lp-timeline-date{text-align:center;min-width:60px}.lp-timeline-month{display:block;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase}.lp-timeline-day{font-size:20px;font-weight:800;color:#0284c7}.lp-timeline-card.fase2 .lp-timeline-day{color:#d97706}.lp-timeline-card.alert-card{background:#16a34a;color:#fff;box-shadow:0 10px 15px -3px #16a34a4d}.lp-timeline-card.alert-card .lp-timeline-month{color:#ffffffb3}.lp-timeline-card.alert-card .lp-timeline-day{color:#fff}.lp-timeline-info{display:flex;flex-direction:column;gap:2px}.lp-timeline-name{font-weight:700;font-size:14px;color:#1e293b}.lp-timeline-card.alert-card .lp-timeline-name{color:#fff;font-size:16px}.lp-timeline-card.alert-card .lp-timeline-desc{color:#ffffffe6}.lp-timeline-desc{font-size:12px;color:#64748b;line-height:1.5}.lp-footer{background:#0f172a;color:#fff;margin-top:80px;padding:60px 24px 30px}.lp-footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;border-bottom:1px solid #1e293b;padding-bottom:40px}.lp-footer-col{display:flex;flex-direction:column;gap:20px}.lp-footer-logo img{height:60px;width:auto;filter:grayscale(1) brightness(2);align-self:flex-start}.lp-footer-desc{font-size:13px;color:#94a3b8;line-height:1.6}.lp-footer-socials{display:flex;gap:12px}.lp-footer-social-btn{width:36px;height:36px;background:#1e293b;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.lp-footer-col-title{font-size:12px;font-weight:800;color:#38bdf8;text-transform:uppercase;letter-spacing:.1em}.lp-footer-list{list-style:none;display:flex;flex-direction:column;gap:12px}.lp-footer-list-item{font-size:13px;color:#cbd5e1;display:flex;align-items:center;gap:8px}.lp-footer-list-item a{color:#cbd5e1;text-decoration:none;transition:color .2s}.lp-footer-list-item a:hover{color:#fff}.lp-footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569}.demo-row:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.main-content{margin-left:0!important}.sidebar{position:fixed!important;left:-260px!important;top:0;bottom:0;z-index:1000!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:5px 0 25px #0006!important}.sidebar.open{left:0!important}.sidebar-overlay,.sidebar-close-btn{display:block!important}.menu-toggle-btn{display:flex!important}.topbar{padding:0 16px!important}.topbar-actions span{display:none!important}.page{padding:16px!important}.stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:12px!important}.stat-card{padding:14px!important}.stat-value{font-size:20px!important}.table-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px}table{min-width:650px!important}.lp-hero-sec{grid-template-columns:1fr!important;gap:24px!important;text-align:center}.lp-hero-left{align-items:center}.lp-hero-title{font-size:32px!important}.lp-hero-right{padding:20px!important;border-radius:16px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.lp-header-container{flex-direction:column!important;align-items:center!important;gap:12px!important}.lp-header-actions{margin-top:8px}.lp-main{padding:24px 16px!important}.lp-path-section{padding:20px!important;border-radius:16px!important;margin-bottom:30px!important}.lp-path-content-box{padding:20px!important;border-radius:16px!important}.lp-path-detail-grid{grid-template-columns:1fr!important;gap:20px!important}.lp-tab-btn{padding:8px 16px!important;font-size:12px!important;border-radius:10px!important}.lp-steps-grid{grid-template-columns:1fr!important;gap:12px!important}.lp-timeline-grid{grid-template-columns:1fr!important;gap:20px!important}.lp-footer-grid{grid-template-columns:1fr!important;text-align:center;gap:28px!important}.lp-footer-logo{align-items:center}.lp-footer-socials{justify-content:center}.lp-timeline-card{flex-direction:column!important;gap:10px!important;text-align:center}.lp-timeline-card:before{display:none!important}.lp-timeline-date{align-self:center!important;min-width:auto!important;padding-right:0!important;border-right:none!important;border-bottom:2px solid rgba(0,0,0,.06);padding-bottom:6px}.modal{width:95%!important;margin:10px!important;max-height:85vh!important}.modal-footer{flex-direction:column!important;gap:8px!important}.modal-footer .btn{width:100%!important}.quota-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 480px){.glass-card{padding:20px 16px!important}.lp-hero-title{font-size:24px!important;line-height:1.25!important}.lp-hero-desc{font-size:13px!important;line-height:1.5!important}.lp-hero-stats{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}.lp-logo-sec{flex-direction:column!important;text-align:center!important;gap:8px!important}.lp-logo-sec img{height:40px!important}.lp-logo-title{font-size:15px!important}.lp-logo-sub{font-size:9px!important}.lp-header-actions{flex-direction:column!important;gap:8px!important;width:100%!important}.lp-badge-gratis{width:100%!important;text-align:center!important}.lp-header-actions .btn{width:100%!important;justify-content:center!important}.progress-steps{justify-content:flex-start!important}}