:root{--brand-primary: #007bff;--brand-accent: #ff7300;--brand-gradient: linear-gradient(135deg, #007bff 0%, #0056b3 100%)}.dashboard-profile-banner{border-radius:.5rem;overflow:hidden}.dashboard-profile-banner-inner{background:linear-gradient(135deg,#d4e8f9,#a3cdf0,#5da3e3 60%,#2c7fda);min-height:140px;position:relative;overflow:hidden}.dashboard-banner-dot-pattern{position:absolute;top:0;left:0;bottom:0;width:80%;background-image:radial-gradient(circle,rgba(15,50,100,.2) 1.2px,transparent 1.2px);background-size:14px 14px;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom right,black 0%,transparent 50%);-webkit-mask-image:linear-gradient(to bottom right,black 0%,transparent 50%)}.dashboard-profile-banner-inner>*:not(.dashboard-banner-dot-pattern):not(.dashboard-banner-uni-bg){position:relative;z-index:1}.dashboard-banner-uni-bg{position:absolute;top:0;right:0;bottom:0;width:66%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:.25;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.6) 45%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.6) 45%,black 100%)}.banner-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;font-size:.75rem;font-weight:600;border-radius:20px;background:#0000000d;color:#475569;border:1px solid rgba(0,0,0,.1);letter-spacing:.01em}.profile-container-banner{width:80px;height:80px;flex-shrink:0}.dashboard-profile-banner .form-control{color:#0f172a!important;caret-color:#0f172a;text-shadow:0 0 8px rgba(255,255,255,.6)}.dashboard-profile-banner .form-control::-moz-placeholder{color:#64748b}.dashboard-profile-banner .form-control::placeholder{color:#64748b}.dashboard-profile-banner .form-control:focus{box-shadow:none;border-bottom:1px solid rgba(0,0,0,.2)!important;border-radius:0}.banner-name-input[readonly]{cursor:pointer!important;border-bottom:1px solid transparent!important}.banner-name-input[readonly]:hover{border-bottom:1px dashed rgba(0,0,0,.15)!important}.banner-name-input{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.banner-name-input:not([readonly]){background:#ffffff80!important;border-bottom:2px solid var(--brand-primary)!important;border-radius:4px!important;padding:.15rem .35rem!important}.dashboard-profile-banner .text-muted{color:#334155!important}.bg-opacity-15{--bs-bg-opacity: .15}#infoPribadiCard .select2-container{width:100%!important}@media (max-width: 767.98px){.dashboard-profile-banner .profile-container-banner{width:64px;height:64px}.dashboard-profile-banner-inner{min-height:auto}.dashboard-banner-uni-bg{display:none}}.profile-completion-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #f59e0b;color:#92400e;font-size:.875rem;position:sticky;top:0;z-index:1040}.profile-completion-banner a.btn{font-size:.8rem;font-weight:600}.profile-completion-banner-close{background:none;border:none;color:#92400e;cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;border-radius:4px;transition:background .15s ease}.profile-completion-banner-close:hover{background:#92400e1a}.brand-text-primary{color:var(--brand-primary)}.brand-text-accent{color:var(--brand-accent)}.badge-activity{background-color:var(--brand-accent);color:#fff}.product-detail-container{position:relative;width:100%;height:400px;overflow:hidden}.product-detail-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(15px);z-index:1}.product-detail-img{position:relative;z-index:2;display:block;margin:0 auto;top:50%;transform:translateY(-50%)}.product-detail-placeholder{display:flex;align-items:center;justify-content:center}.qr-code-img{max-width:200px;border:1px solid #ddd;border-radius:8px}.detail-status-dot{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:50px}.detail-status-dot:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.detail-status-dot--primary{color:var(--brand-primary);background:#007bff1a}.detail-status-dot--primary:before{background:var(--brand-primary)}.detail-status-dot--success{color:#28a745;background:#28a7451a}.detail-status-dot--success:before{background:#28a745}.detail-status-dot--warning{color:#ffc107;background:#ffc1071a}.detail-status-dot--warning:before{background:#ffc107}.detail-status-dot--info{color:#17a2b8;background:#17a2b81a}.detail-status-dot--info:before{background:#17a2b8}.detail-status-dot--secondary{color:#6c757d;background:#6c757d1a}.detail-status-dot--secondary:before{background:#6c757d}.subtest-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:.5rem;border:1px solid #e9ecef;transition:all .15s ease}.subtest-item--active{border-color:var(--brand-primary);background:#007bff0a;box-shadow:0 0 0 1px var(--brand-primary)}.detail-badge-sm{font-size:.65rem;letter-spacing:.5px;padding:.2rem .5rem}.detail-timer{font-variant-numeric:tabular-nums;font-weight:700}.detail-accordion .accordion-item{border:none;border-bottom:1px solid #f0f0f0}.detail-accordion .accordion-item:last-child{border-bottom:none}.detail-accordion .accordion-button{padding:1rem 0;font-weight:600;font-size:.9rem;background:transparent;box-shadow:none}.detail-accordion .accordion-button:not(.collapsed){color:inherit;background:transparent}.detail-accordion .accordion-button:after{width:1rem;height:1rem;background-size:1rem}.detail-accordion .accordion-body{padding:0 0 1rem}.profile-avatar-sm{width:30px;height:30px;border-radius:50%;cursor:pointer;-o-object-fit:cover;object-fit:cover;margin-right:10px}.invoice-card{box-shadow:0 8px 25px #0000001a;border:none;border-radius:15px}.progress-container{background:var(--brand-gradient);border-radius:15px;padding:2rem;color:#fff;text-align:center;margin-bottom:1.5rem}.quiz-status-card{background:var(--brand-gradient);border:none;color:#fff}.payment-action-card{background:var(--brand-gradient);border:none;color:#fff;border-radius:15px}.status-badge{font-size:.9rem;padding:.5rem 1rem;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-glow{box-shadow:0 4px 15px #007bff66;border:none;transition:all .3s ease}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff99}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoice-table{min-width:700px;background:#fff}.invoice-table thead tr{font-size:1.05rem}.invoice-badge{font-size:.85em}.invoice-status-badge{font-size:.95em}.quiz-loading-screen{z-index:1050}.quiz-question-index-btn{width:40px;height:40px}.quiz-instruction-box{text-align:justify;max-height:300px;overflow:hidden;position:relative}@media (min-width: 768px){.btn-responsive{width:auto!important}}.question-box>p{margin:0}.question-box{margin-bottom:20px}#loadingScreen{transition:opacity .3s ease-out}#quizContent{transition:opacity .3s ease-in;opacity:0;position:relative;z-index:1;pointer-events:auto}.border-warning:hover{border-color:var(--bs-warning)!important}.quiz-expired-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f9fa;color:#6c757d}.quiz-expired-content{text-align:center;max-width:400px;padding:2rem}.quiz-expired-content h2{margin-bottom:1rem;font-weight:500;color:#343a40}.quiz-expired-content p{margin-bottom:2rem;line-height:1.5}.quiz-expired-content a{display:inline-block;padding:.75rem 1.5rem;background-color:var(--brand-primary);color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.quiz-expired-content a:hover{background-color:#0056b3}.error-code{line-height:6rem;font-size:6rem}.target-kampus-compact{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:1rem 1.25rem;position:relative;overflow:hidden}.target-kampus-dot-pattern{position:absolute;top:0;right:0;bottom:0;width:50%;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:16px 16px;background-position:0 0,8px 8px;pointer-events:none}.target-kampus-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.target-kampus-badge i{font-size:.75rem}.target-kampus-major-text{font-size:.8rem;color:#ffffffd9}.target-kampus-compact-logo{width:48px;height:48px;border-radius:10px;-o-object-fit:contain;object-fit:contain;background:#fffffff2;padding:4px;flex-shrink:0}.target-kampus-compact-logo-placeholder{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff3;color:#fff;font-size:1.25rem}.target-kampus-compact-edit-btn{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;font-size:.7rem;flex-shrink:0;padding:0}.target-kampus-compact-edit-btn:hover{color:#ffffffe6}.target-kampus-edit-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-size:.8rem;font-weight:600;color:#475569}.target-kampus-edit-header i:first-child{font-size:1rem;color:#3b82f6}.target-kampus-close-btn{margin-left:auto;width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .15s ease;padding:0}.target-kampus-close-btn:hover{background:#e2e8f0;color:#475569}#targetEditForm .select2-container{width:100%!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3b82f6!important;color:#fff!important}.select2-container--default .select2-results__option--selected{background-color:#dbeafe!important;color:#1e3a8a!important}.dashboard-product-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 768px){.dashboard-product-grid{grid-template-columns:1fr 1fr}}.dashboard-product-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:.5rem;border:1px solid #f0f0f0;transition:background .15s ease,border-color .15s ease;cursor:pointer;min-width:0;overflow:hidden}.dashboard-product-item:hover{background:#f8fafc;border-color:#e2e8f0}.dashboard-product-item--expired{opacity:.6}.dashboard-product-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0}.dashboard-product-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dashboard-product-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:1.25rem}.dashboard-wa-verify-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24}.profile-container{position:relative;width:80px;height:80px;margin:0 auto;cursor:pointer}.edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.edit-overlay i{color:#fff;font-size:20px}.profile-container:hover .edit-overlay{opacity:1}.verification-focus-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #007bff!important;transition:all .3s ease;position:relative;box-shadow:0 0 15px #007bff33}.verification-phone-display{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e9ecef;margin:10px 0}.verification-focus-card .btn{font-weight:500;border-radius:6px;transition:all .2s ease}.verification-focus-card .btn-success{background:#28a745;border-color:#28a745}.verification-focus-card .btn-primary{background:#007bff;border-color:#007bff}.verification-focus-card .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.verification-focus-card .btn:active{transform:translateY(0)}.verification-focus-card .alert-info{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}button[disabled]{cursor:not-allowed!important;opacity:.6;position:relative}button[disabled]:has(.bx-time){background:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important}button[disabled] .text-danger{color:#dc3545!important;font-weight:600!important}.form-control.is-invalid{border-color:#dc3545;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.phone-verified{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745!important;animation:successPulse 1s ease-in-out}@keyframes successPulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}input[name=phone]:not(.verification-focus-card input){background-color:#fff!important;color:#495057!important;cursor:text!important}input[readonly].bg-light{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.answer-section>p{margin-bottom:0}.card-img-container{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:.375rem .375rem 0 0}.card-img-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(15px);z-index:1}.card-img-top{position:relative;z-index:2;width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;background:transparent}.checkout-section-label{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--brand-primary);text-transform:uppercase}.checkout-product-card{border:none;border-radius:12px;box-shadow:0 2px 12px #0000000f}.checkout-product-image{width:200px;height:200px;border-radius:12px;overflow:hidden;flex-shrink:0}.checkout-product-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.checkout-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:12px}.checkout-price-badge{display:inline-block;padding:.35rem 1rem;border:2px solid #198754;color:#198754;font-weight:700;font-size:1rem;border-radius:6px}.checkout-summary-card{border:none;border-radius:12px;box-shadow:0 2px 12px #0000000f;position:sticky;top:80px}.checkout-price-breakdown{font-size:.925rem}.checkout-pay-btn{border-radius:10px;padding:.75rem;font-weight:600;font-size:1.05rem}@media (max-width: 768px){.checkout-product-image{width:100%;aspect-ratio:1 / 1}.target-kampus-compact-logo{width:40px;height:40px}.target-kampus-compact-logo-placeholder{width:40px;height:40px;font-size:1rem}.profile-container{width:70px;height:70px}.edit-overlay i{font-size:18px}}