*{margin:0;padding:0;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-primary);background:var(--bg-base);color:var(--text-body);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(0,74,173,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#004aad1a;border-radius:10px;transition:all .2s}::-webkit-scrollbar-thumb:hover{background:#004aad33}.sidebar::-webkit-scrollbar-thumb,.sb-menu::-webkit-scrollbar-thumb,.brand-side::-webkit-scrollbar-thumb{background:#ffffff26!important}.sidebar::-webkit-scrollbar-thumb:hover,.sb-menu::-webkit-scrollbar-thumb:hover,.brand-side::-webkit-scrollbar-thumb:hover{background:#ffffff40!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;gap:8px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:#fff!important;border:1px solid var(--border)!important;color:var(--text-body)!important}.btn-secondary:hover{background:#f8fafc!important;border-color:#cbd5e1!important;color:#1e293b!important}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:8px}.form-input{width:100%;padding:10px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;transition:all .25s ease;background:#fff;display:block;appearance:none}.form-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px #004aad26!important;background:#fff}.form-input:read-only{background-color:#f8fafc;cursor:not-allowed}.table-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:32px}.table-header{padding:16px 24px;border-bottom:1px solid var(--bg-base);display:flex;align-items:center;justify-content:space-between;gap:24px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:10px 20px;text-align:left;font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:10px 20px;border-bottom:1px solid var(--bg-base);font-size:.875rem;vertical-align:middle}.table-footer{padding:16px 24px;background:#fff;border-top:1px solid var(--bg-base);display:flex;align-items:center;justify-content:space-between}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172aa6;z-index:1000;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:650px;box-shadow:var(--shadow-lg);animation:modalIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;display:flex;flex-direction:column}.modal-content>form{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.modal-header{padding:24px 32px;border-bottom:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.125rem;font-weight:800;color:var(--text-title);letter-spacing:-.02em}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.75rem;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:32px;max-height:75vh;overflow-y:auto}.modal-footer{padding:20px 32px;background:#f8fafc;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}@keyframes modalIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.flex-end{display:flex;justify-content:flex-end;gap:8px}.text-right{text-align:right}.form-compact .form-group{margin-bottom:12px}.form-compact .form-label{margin-bottom:4px;font-size:.7rem}.form-compact .form-input{padding:8px 12px;font-size:.9rem}.form-compact .modal-body{padding:20px 24px}.form-compact .modal-header{padding:16px 24px}.form-compact .modal-footer{padding:12px 24px}.input-group-password{position:relative!important;width:100%;display:block}.input-group-password .form-input{padding-right:50px!important}.password-toggle-btn{position:absolute!important;right:4px;top:50%;transform:translateY(-50%);height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:10;color:var(--text-muted);border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.password-toggle-btn:hover{color:var(--primary);background:#004aad0d}.password-toggle-btn i{width:20px;height:20px;display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:var(--radius-md);border:1px solid var(--border)}.stat-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-title)}.stat-card-blue{border-left:4px solid var(--primary)}.stat-card-green{border-left:4px solid var(--success)}.stat-card-warning{border-left:4px solid var(--warning)}.stat-card-danger{border-left:4px solid var(--danger)}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.event-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;transition:.2s cubic-bezier(.4,0,.2,1)}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.event-image{height:120px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.event-body{padding:20px}.event-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-base);margin-top:16px;padding-top:16px}.status-badge{padding:4px 12px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;text-transform:uppercase;display:inline-block}.badge-success{background:#ecfdf5;color:var(--success)}.badge-info{background:#eff6ff;color:var(--info)}.badge-warning{background:#fffbe6;color:var(--warning)}.badge-danger{background:#fef2f2;color:var(--danger)}.badge-muted{background:var(--bg-base);color:var(--text-muted)}.empty-state{padding:60px 40px;text-align:center}.empty-icon{font-size:48px;color:var(--border);margin-bottom:16px;display:block}.empty-title{font-size:1.125rem;font-weight:800;color:var(--text-title);margin-bottom:8px}.empty-text{color:var(--text-muted);font-size:.9rem}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-4{margin-top:1.5rem!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-4{padding:1.5rem}.text-center{text-align:center}.text-end{text-align:right}.text-muted{color:var(--text-muted)}.text-dark{color:var(--text-title)}.text-uppercase{text-transform:uppercase}.font-bold{font-weight:700}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-4{gap:16px}.shadow-sm{box-shadow:var(--shadow-sm)}.rounded-lg{border-radius:var(--radius-md)}.overflow-hidden{overflow:hidden}#toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;width:340px;background:#fff;border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--border);animation:toastIn .4s cubic-bezier(.175,.885,.32,1.275);transition:.3s ease;position:relative;overflow:hidden}.toast.hide{transform:translate(110%);opacity:0}.toast-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.toast-content{flex:1}.toast-title{font-weight:800;font-size:.95rem;color:var(--text-title);margin-bottom:2px}.toast-msg{font-size:.85rem;color:var(--text-muted);line-height:1.4}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000000d;width:100%}.toast-progress:after{content:"";position:absolute;left:0;top:0;height:100%;background:currentColor;width:100%;animation:toastProgress 3s linear forwards}.toast.success{border-left:4px solid var(--success);color:var(--success)}.toast.success .toast-icon{background:#ecfdf5;color:var(--success)}.toast.error{border-left:4px solid var(--danger);color:var(--danger)}.toast.error .toast-icon{background:#fef2f2;color:var(--danger)}.toast.warning{border-left:4px solid var(--warning);color:var(--warning)}.toast.warning .toast-icon{background:#fffbe6;color:var(--warning)}.toast.info{border-left:4px solid var(--info);color:var(--info)}.toast.info .toast-icon{background:#eff6ff;color:var(--info)}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.confirm-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:32px;text-align:center;box-shadow:var(--shadow-lg);animation:modalIn .4s cubic-bezier(.34,1.56,.64,1)}.confirm-icon{width:64px;height:64px;border-radius:20px;background:#f8fafc;color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-title{font-size:1.25rem;font-weight:800;color:var(--text-title);margin-bottom:8px}.confirm-msg{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.confirm-actions{display:flex;gap:12px}.confirm-actions button{flex:1;padding:12px;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s;border:none}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0}.btn-confirm{background:var(--primary);color:#fff}.btn-confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-confirm.danger{background:var(--danger)}.btn-confirm.danger:hover{background:#dc2626}#global-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10001;background:#004aad1a;display:none}#global-loader:after{content:"";position:absolute;top:0;left:0;height:100%;background:var(--primary);width:30%;animation:loaderMove 1s infinite linear}@keyframes loaderMove{0%{left:-30%}to{left:100%}}.command-center{display:grid;grid-template-columns:280px 1fr 380px;gap:1.5rem;height:calc(100vh - 120px);overflow:hidden;margin-top:10px}.command-pane{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.pane-header{padding:16px 20px;background:#f8fafc;border-bottom:1px solid var(--border);font-weight:800;color:var(--text-title);display:flex;align-items:center;gap:10px}.pane-body{padding:20px;flex:1;overflow-y:auto}.context-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:16px;margin-bottom:12px}.context-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--primary);margin-bottom:4px}.context-value{font-size:.95rem;font-weight:700;color:var(--text-title)}.history-item{padding:12px 16px;border-bottom:1px solid var(--bg-base);transition:.2s}.history-item:hover{background:#f8fafc}@media(max-width:1400px){.command-center{grid-template-columns:250px 1fr 320px}}@media(max-width:1300px){.command-center{grid-template-columns:250px 1fr}.command-pane:last-child{display:none}}@media(max-width:1024px){.command-center{grid-template-columns:1fr;height:auto;overflow:visible}}.feedback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;z-index:2000;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.feedback-card{background:#fff;border-radius:32px;width:100%;max-width:550px;padding:40px;text-align:center;box-shadow:var(--shadow-lg);animation:modalIn .5s cubic-bezier(.34,1.56,.64,1)}.feedback-title{font-size:1.5rem;font-weight:800;color:var(--text-title);margin-bottom:8px;letter-spacing:-.02em}.feedback-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:32px}.feedback-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comfort-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 20px;border-radius:24px;border:2px solid #f1f5f9;background:#f8fafc;transition:.3s cubic-bezier(.4,0,.2,1);cursor:pointer}.comfort-btn i{width:48px;height:48px;transition:.3s}.comfort-btn span{font-weight:800;font-size:1.125rem;text-transform:uppercase}.comfort-btn.puas{color:var(--success)}.comfort-btn.puas:hover{background:#ecfdf5;border-color:#10b981;transform:translateY(-5px);box-shadow:0 20px 25px -5px #10b98126}.comfort-btn.tidak-puas{color:var(--danger)}.comfort-btn.tidak-puas:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-5px);box-shadow:0 20px 25px -5px #ef444426}@media(max-width:768px){.table-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px!important}.header-actions .form-input,.header-actions button{width:100%!important;margin:0!important;padding:10px!important;font-size:.75rem!important}.header-actions>*:last-child:nth-child(odd){grid-column:span 2}.modal-overlay{padding:10px;align-items:flex-end}.modal-content{border-radius:24px 24px 0 0;max-height:92vh;display:flex;flex-direction:column;width:100%;overflow:hidden}.modal-content>form{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.modal-body{flex:1;padding:20px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-header{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.modal-footer button{width:100%}.btn{width:100%;justify-content:center}.confirm-card{padding:24px 20px;border-radius:20px}.confirm-actions{flex-direction:column}#toast-container{top:10px;right:10px;left:10px}.toast{width:100%}.table-footer{flex-direction:column;gap:16px;text-align:center}.table-footer .flex{width:100%}.table-footer .flex .btn{flex:1}}