@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}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.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-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);transition:var(--transition-normal);gap:1.5rem!important}.premium-debt-card:hover{transform:translateY(-4px);box-shadow:0 25px 30px -5px #ef44441a,0 10px 15px -6px #ef44440d!important}.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;box-shadow:0 1px 3px #0000000d!important;height:auto!important;min-height:fit-content!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:100%}.premium-coupon-input:focus-within{border-color:var(--color-primary-light)!important;box-shadow:0 4px 12px #3b82f614!important}.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}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-16{padding:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.w-8{width:2rem}.h-8{height:2rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-20{width:5rem}.h-20{height:5rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.min-h-\[60vh\]{min-height:60vh}.min-h-\[400px\]{min-height:400px}.min-w-\[240px\]{min-width:240px}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-\[280px\]{max-width:280px}.mx-auto{margin-left:auto;margin-right:auto}.pb-20{padding-bottom:5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px;line-height:1.2}.text-\[11px\]{font-size:11px;line-height:1.2}.font-extrabold{font-weight:800}.italic{font-style:italic}.text-left{text-align:left}.tracking-widest{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.leading-relaxed{line-height:1.625}.text-slate-300{color:#cbd5e0}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.bg-slate-50{background-color:#f8fafc}.bg-slate-900{background-color:#0f172a}.text-amber-500{color:#f59e0b}.text-blue-600{color:#2563eb}.text-emerald-500{color:#10b981}.text-emerald-600{color:#059669}.text-rose-500{color:#f43f5e}.text-rose-600{color:#e11d48}.bg-amber-50{background-color:#fffbeb}.bg-blue-50{background-color:#eff6ff}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-rose-50{background-color:#fff1f2}.bg-rose-100{background-color:#ffe4e6}.bg-primary\/10{background-color:#3b82f61a}.bg-primary\/40{background-color:#3b82f666}.bg-slate-50\/50{background-color:#f8fafc80}.border{border:1px solid #e2e8f0}.border-2{border:2px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.border-slate-50{border-color:#f8fafc}.border-slate-100{border-color:#f1f5f9}.border-white{border-color:#fff}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.inline-flex{display:inline-flex}.grid{display:grid}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-slate-200{--tw-shadow-color: #e2e8f0}.shadow-slate-200\/50{box-shadow:0 20px 25px -5px #e2e8f080}.bg-white\/70{background-color:#ffffffb3}.opacity-\[0\.03\]{opacity:.03}.pointer-events-none{pointer-events:none}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.right-4{right:1rem}.top-1\/2{top:50%}.-top-2{top:-.5rem}.-left-2{left:-.5rem}.-translate-y-1\/2{transform:translateY(-50%)}.rotate-90{transform:rotate(90deg)}.z-10{z-index:10}.m-auto{margin:auto}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.cursor-pointer{cursor:pointer}.focus\:ring-4:focus{box-shadow:0 0 0 4px #3b82f61a}.focus\:ring-primary\/10:focus{box-shadow:0 0 0 4px #3b82f61a}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:bg-slate-800:hover{background-color:#1e293b}.hover\:bg-slate-50:hover{background-color:#f8fafc}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.hover\:shadow-primary\/5:hover{box-shadow:0 25px 50px -12px #3b82f60d}.hover\:border-primary\/30:hover{border-color:#3b82f64d}.group:hover .group-hover\:text-primary{color:var(--color-primary)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-in{animation:fadeSlideIn .7s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.divide-y>*+*{border-top:1px solid}.divide-slate-50>*+*{border-color:#f8fafc}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2}.md\:p-12{padding:3rem}.md\:block{display:block}}@media (min-width: 1024px){.lg\:flex-row{flex-direction:row}.lg\:w-1\/3{width:33.333333%}.lg\:border-b-0{border-bottom:0}.lg\:border-r{border-right:1px solid #f8fafc}}.hidden{display:none}.block{display:block}@media (min-width: 768px){.md\:block{display:block}}