@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-secondary: #facc15;--color-background: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-danger: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.app-container{display:flex;min-height:100vh;width:100vw;overflow:hidden}.sidebar{width:280px;background:linear-gradient(180deg,var(--color-surface) 0%,#f1f5f9 100%);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;z-index:10;transition:var(--transition-normal)}.sidebar-header{height:80px;display:flex;align-items:center;padding:0 2rem;border-bottom:1px solid rgba(0,0,0,.05)}.sidebar-logo-text{font-weight:700;font-size:1.5rem;color:var(--color-primary-dark)}.student-card-mini{margin:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem}.sidebar-nav{padding:.5rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:var(--transition-normal);gap:1rem}.nav-item:hover{background-color:#3b82f60d;color:var(--color-primary);transform:translate(4px)}.nav-item.active{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}.topbar{height:80px;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:5}.page-container{padding:2.5rem;max-width:1200px;margin:0 auto;width:100%}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;transition:var(--transition-normal);border:1px solid rgba(0,0,0,.03)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-text);display:flex;align-items:center;justify-content:space-between}.form-checkbox{width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;color:var(--color-primary);accent-color:var(--color-primary);cursor:pointer;transition:var(--transition-normal)}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px #3b82f633}.text-h1{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;letter-spacing:-.025em}.text-subtitle{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:2rem}.grid-cols-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.relative{position:relative}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.ml-auto{margin-left:auto}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.h-1{height:.25rem}.h-2{height:.5rem}.h-10{height:2.5rem}.w-1{width:.25rem}.w-2{width:.5rem}.w-full{width:100%}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.text-center{text-align:center}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--color-primary)}.text-white{color:#fff}.text-gray-400{color:#94a3b8}.text-gray-500{color:#64748b}.text-gray-700{color:#334155}.bg-primary{background-color:var(--color-primary)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f8fafc}.bg-gray-100{background-color:#f1f5f9}.hover\:bg-gray-50:hover{background-color:#f8fafc}.hover\:bg-gray-100:hover{background-color:#f1f5f9}.border-t{border-top:1px solid #e2e8f0}.border-slate-200{border-color:#e2e8f0}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.grid{display:grid}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.overflow-y-auto{overflow-y:auto}.max-h-\[120px\]{max-height:120px}.h-12{height:3rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.bg-primary\/5{background-color:#3b82f60d}.bg-gray-50\/30{background-color:#f8fafc4d}.border-gray-50{border-color:#f8fafc}.text-gray-600{color:#475569}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:scale-105:hover{transform:scale(1.05)}.active\:scale-95:active{transform:scale(.95)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.badge{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-success{background:#10b9811a;color:var(--color-success)}.badge-warning{background:#f59e0b1a;color:var(--color-warning)}.badge-danger{background:#ef44441a;color:var(--color-danger)}@media (max-width: 1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:240px}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;box-shadow:var(--shadow-lg)}.main-content{margin-left:0;width:100%}.topbar{padding:0 1rem}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.page-container{padding:1.5rem 1rem}.text-h1{font-size:1.75rem}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);margin-bottom:1rem}.custom-table{width:100%;border-collapse:collapse;min-width:600px}.custom-table th,.custom-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.custom-table th{background-color:#f8fafc;color:var(--color-text-muted);font-weight:600;font-size:.875rem}.kr-embedded{width:100%!important;font-family:Outfit,sans-serif!important;padding:0 1.5rem!important;box-sizing:border-box!important}.kr-embedded .kr-field{border:1px solid #e2e8f0!important;border-radius:.75rem!important;background-color:#f8fafc!important;transition:all .2s ease!important;margin-bottom:1.25rem!important;height:52px!important;width:100%!important}.kr-embedded .kr-field:hover{border-color:var(--color-primary-light)!important;background-color:#fff!important}.kr-embedded .kr-field-focused{border-color:var(--color-primary)!important;background-color:#fff!important;box-shadow:0 0 0 4px #3b82f61a!important}.kr-payment-button{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border:none!important;border-radius:.75rem!important;color:#fff!important;font-weight:700!important;font-size:1.1rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;height:58px!important;margin-top:1.5rem!important;box-shadow:0 10px 15px -3px #06b6d44d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;width:100%!important}.kr-payment-button:hover{transform:translateY(-2px)!important;box-shadow:0 20px 25px -5px #06b6d466!important;filter:brightness(1.1)!important}.kr-payment-button:active{transform:translateY(0)!important}.kr-embedded .kr-label{color:var(--color-text-muted)!important;font-weight:600!important;margin-bottom:6px!important;display:block!important;font-size:.85rem!important}.kr-embedded .kr-field-error{border-color:var(--color-danger)!important;background-color:#fef2f2!important}.kr-card-icon{filter:grayscale(.2) opacity(.8)!important;transition:all .3s ease!important}.kr-field-focused .kr-card-icon{filter:grayscale(0) opacity(1)!important;transform:scale(1.1)!important}.premium-debt-card{background:linear-gradient(135deg,#fff5f5,#fff)!important;border:1px solid rgba(239,68,68,.1)!important;box-shadow:0 20px 25px -5px #ef44440d,0 8px 10px -6px #ef44440d!important;position:relative;overflow:hidden;padding:2rem!important;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;border-radius:var(--radius-lg)}.btn-premium-pay{background:linear-gradient(135deg,#f87171,#ef4444)!important;color:#fff!important;border:none!important;padding:1rem 2rem;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #ef444466;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;text-decoration:none}.btn-premium-pay:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 15px 25px -5px #ef444480}.payment-item-card{background:#fff!important;border:1px solid #f1f5f9!important;border-radius:1.25rem!important;padding:1.5rem!important;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d!important}.payment-item-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--status-color, #cbd5e1)}.borderless-table{width:100%;border-collapse:collapse}.borderless-table th{padding:1.25rem 1.5rem;background-color:#f8fafc;color:#94a3b8;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #f1f5f9}.borderless-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f8fafc;vertical-align:middle}.coupon-input-wrapper{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.5rem .75rem;gap:.5rem}.coupon-input-wrapper input{background:transparent;border:none!important;outline:none!important;font-size:.8rem;font-weight:600;color:#1e293b;width:100px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}