@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_ed3508;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_Fallback_ed3508;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:__Outfit_ed3508,__Outfit_Fallback_ed3508;font-style:normal}.__variable_ed3508{--font-heading:"__Outfit_ed3508","__Outfit_Fallback_ed3508"}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Plus_Jakarta_Sans_Fallback_646807;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_646807{font-family:__Plus_Jakarta_Sans_646807,__Plus_Jakarta_Sans_Fallback_646807;font-style:normal}.__variable_646807{--font-body:"__Plus_Jakarta_Sans_646807","__Plus_Jakarta_Sans_Fallback_646807"}:root{--bg-color:#f6f9fc;--bg-card:#fff;--bg-card-border:rgba(226,232,240,.8);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#07477e;--primary-light:#0d61a9;--primary-glow:rgba(7,71,126,.15);--accent:#0f9f90;--accent-hover:#0c8276;--accent-glow:rgba(15,159,144,.15);--gold:#df9b16;--gold-bg:#fffbeb;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px rgba(15,23,42,.04);--shadow-md:0 10px 30px -10px rgba(15,23,42,.08);--shadow-lg:0 20px 50px -12px rgba(7,71,126,.12);--glow-1:rgba(13,97,169,.08);--glow-2:rgba(15,159,144,.06);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--bg-header:hsla(0,0%,100%,.8)}body.dark-theme{--bg-color:#0b111e;--bg-card:rgba(17,24,39,.7);--bg-card-border:hsla(0,0%,100%,.08);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#38bdf8;--primary-light:#7dd3fc;--primary-glow:rgba(56,189,248,.2);--accent:#2dd4bf;--accent-hover:#14b8a6;--accent-glow:rgba(45,212,191,.2);--gold:#fbbf24;--gold-bg:rgba(251,191,36,.1);--success:#34d399;--success-bg:rgba(52,211,153,.1);--warning:#fbbf24;--warning-bg:rgba(251,191,36,.1);--danger:#f87171;--danger-bg:hsla(0,91%,71%,.1);--shadow-sm:0 4px 12px rgba(0,0,0,.3);--shadow-md:0 12px 36px rgba(0,0,0,.4);--shadow-lg:0 24px 60px rgba(0,0,0,.55);--glow-1:rgba(56,189,248,.15);--glow-2:rgba(45,212,191,.12);--bg-header:rgba(11,17,30,.85)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{font-family:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;position:relative;line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.bg-glow{position:absolute;width:50vw;height:50vw;max-width:600px;max-height:600px;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;opacity:.6;transition:background-color var(--transition-normal)}.bg-glow-1{top:-100px;right:-100px;background-color:var(--glow-1)}.bg-glow-2{bottom:10%;left:-150px;background-color:var(--glow-2)}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--bg-header);border-bottom:1px solid var(--bg-card-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-container{max-width:1100px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.brand,.header-container{display:flex;align-items:center}.brand{gap:.85rem}.brand-logo{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px var(--primary-glow)}.brand-text h1{font-size:1.25rem;font-weight:800;line-height:1.2;color:var(--text-primary)}.brand-text p{font-size:.75rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}.btn-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--bg-card-border);background-color:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-icon:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.main-container{max-width:800px;width:100%;margin:0 auto;padding:3rem 2rem;flex:1 1;display:flex;flex-direction:column;gap:2.5rem}.hero-section{text-align:center}.hero-section h2{font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem;line-height:1.25;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto}.search-section{width:100%}.search-box{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:.6rem;display:flex;gap:.6rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.search-box:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.input-wrapper{flex:1 1;display:flex;align-items:center;padding:0 .8rem;gap:.75rem;position:relative}.search-icon{color:var(--text-muted);width:20px;height:20px;transition:color var(--transition-fast)}.search-box:focus-within .search-icon{color:var(--primary)}.input-wrapper input{flex:1 1;border:none;background:transparent;color:var(--text-primary);font-size:1.05rem;padding:.75rem 0;outline:none}.input-wrapper input::placeholder{color:var(--text-muted)}.clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all var(--transition-fast)}.clear-btn:hover{background-color:var(--bg-color);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:var(--radius-sm);padding:0 1.5rem;font-family:var(--font-heading);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.display-section{min-height:120px}.display-section,.state-container{display:flex;flex-direction:column;justify-content:center}.state-container{align-items:center;text-align:center;padding:2.5rem;background-color:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:slideIn var(--transition-normal)}.state-message{color:var(--text-secondary);margin-top:1rem;font-size:.95rem;max-width:450px}.spinner-wrapper{position:relative;width:48px;height:48px}.premium-spinner{width:100%;height:100%;border:4px solid var(--bg-card-border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card-error{border-left:4px solid var(--danger)}.state-icon.error-icon{width:50px;height:50px;background-color:var(--danger-bg);color:var(--danger);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-error h3{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.result-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:all var(--transition-normal);animation:scaleUp var(--transition-slow)}@keyframes scaleUp{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{padding:2rem;border-bottom:1px solid var(--bg-card-border);justify-content:space-between;flex-wrap:wrap;background:linear-gradient(180deg,rgba(7,71,126,.02),transparent)}.result-header,.student-profile{display:flex;align-items:center;gap:1.2rem}.avatar-placeholder{width:52px;height:52px;border-radius:50%;background-color:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.student-meta h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;text-transform:uppercase}.student-id-sub{font-size:.9rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;row-gap:.25rem}.meta-dot{color:var(--text-muted)}.badge-jalur{background-color:var(--bg-color);padding:.15rem .6rem;border-radius:100px;font-size:.75rem;font-weight:600;color:var(--primary);border:1px solid var(--bg-card-border);text-transform:uppercase}.result-body{padding:2rem}.details-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:1.5rem;gap:1.5rem}.detail-box{background:var(--bg-color);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;transition:all var(--transition-normal)}.detail-box:hover{border-color:var(--primary-glow);box-shadow:var(--shadow-sm)}.box-header{display:flex;justify-content:space-between;align-items:center;width:100%}.box-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.75px}.va-provider{font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.15rem .45rem;border-radius:4px;border:1px solid var(--bg-card-border)}.va-content,.va-provider{background-color:var(--bg-card)}.va-content{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border);width:100%;overflow:hidden}.va-number{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:1px;color:var(--text-primary);word-break:break-all}.btn-copy{background:var(--bg-color);color:var(--text-secondary);border:1px solid var(--bg-card-border);width:38px;height:38px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.btn-copy:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.copy-tooltip{position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(4px);background-color:#0f172a;color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;opacity:0;pointer-events:none;white-space:nowrap;transition:all var(--transition-fast)}.btn-copy:hover .copy-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.box-hint{font-size:.75rem;color:var(--text-secondary)}.bill-box{background:linear-gradient(135deg,var(--bg-color),rgba(15,159,144,.03))}.bill-content{display:flex;align-items:baseline;gap:.25rem;margin:.2rem 0;flex-wrap:wrap}.currency-symbol{font-size:1.2rem;font-weight:800;color:var(--accent)}.bill-amount{font-size:1.65rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;word-break:break-all}.info-box{display:flex;gap:1rem;background-color:var(--gold-bg);border:1px solid rgba(223,155,22,.25);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-top:1.5rem;animation:slideIn var(--transition-normal)}.info-icon{color:var(--gold);flex-shrink:0;display:flex;align-items:center}.info-text h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.info-text p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.result-footer{background-color:var(--bg-color);padding:1.1rem 2rem;border-top:1px solid var(--bg-card-border)}.result-footer p{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-muted);font-weight:500}.guides-section{width:100%}.guides-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:var(--shadow-md);display:flex;gap:1.8rem;align-items:flex-start;transition:all var(--transition-normal);position:relative;overflow:hidden}.guides-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--accent),var(--primary))}.guides-card:hover{border-color:var(--primary-glow);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.guides-icon-wrapper{width:60px;height:60px;border-radius:var(--radius-md);background-color:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.guides-text-wrapper{display:flex;flex-direction:column;gap:.75rem;flex:1 1}.guides-text-wrapper h3{font-size:1.4rem;font-weight:800;letter-spacing:-.2px;color:var(--text-primary)}.guides-text-wrapper p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.btn-pdf-download{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff!important;border:none;border-radius:var(--radius-sm);padding:.8rem 1.6rem;display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px var(--accent-glow);transition:all var(--transition-fast);margin-top:.4rem}.btn-pdf-download:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--accent-glow);filter:brightness(1.1);text-decoration:none!important}.btn-pdf-download:active{transform:translateY(1px)}.app-footer{border-top:1px solid var(--bg-card-border);background-color:var(--bg-card);padding:2rem;margin-top:auto;text-align:center;font-size:.85rem;color:var(--text-muted);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-separator{color:var(--bg-card-border)}@media (max-width:768px){.main-container{padding:2rem 1.25rem;gap:2rem}.hero-section h2{font-size:1.75rem}.search-box{flex-direction:column;padding:.4rem}.input-wrapper{padding:.2rem .5rem}.btn-primary{padding:.8rem 1.5rem;justify-content:center;width:100%}.result-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.result-body{padding:1.5rem}.details-grid{grid-template-columns:1fr;gap:1.2rem}.va-number{font-size:1.2rem;letter-spacing:.8px}.bill-amount{font-size:1.8rem}.header-container{padding:1rem 1.25rem}.brand-text h1{font-size:1.1rem}.guides-card{flex-direction:column;align-items:center;text-align:center;gap:1.2rem;padding:1.8rem}.btn-pdf-download{width:100%;justify-content:center}}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem;border-top:1px solid var(--bg-card-border);padding-top:1.5rem}.metadata-item{display:flex;align-items:flex-start;gap:.85rem}.metadata-item.span-2{grid-column:span 2}.meta-icon-wrapper{width:36px;height:36px;border-radius:8px;background-color:var(--bg-color);color:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--bg-card-border)}body.dark-theme .meta-icon-wrapper{color:var(--primary);background-color:hsla(0,0%,100%,.02)}.meta-info{display:flex;flex-direction:column;gap:.15rem}.meta-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;width:-moz-fit-content;width:fit-content}.status-badge.status-paid{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.status-unpaid{background-color:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.admin-fee-notice{margin-top:.5rem;font-size:.75rem;line-height:1.4;color:var(--danger);background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.15);border-radius:6px;padding:.6rem .8rem;text-align:left}body.dark-theme .admin-fee-notice{color:#f87171;background-color:hsla(0,91%,71%,.05)}@media (max-width:640px){.metadata-grid{grid-template-columns:1fr;gap:1rem}.metadata-item.span-2{grid-column:span 1}}.records-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;width:100%}@media (min-width:768px){.records-grid.multi-record{grid-template-columns:repeat(2,1fr)}}.payment-compact-card{background:hsla(0,0%,100%,.45);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem}body.dark-theme .payment-compact-card{background:rgba(17,24,39,.45)}.payment-compact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-card-border);padding-bottom:.5rem}.category-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:8px;font-size:.8rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-sm)}.category-badge.badge-ukt{background-color:var(--primary-glow);color:var(--primary-light);border:1px solid rgba(13,97,169,.2)}body.dark-theme .category-badge.badge-ukt{color:var(--primary);background-color:rgba(56,189,248,.1)}.category-badge.badge-ipi{background-color:rgba(139,92,246,.1);color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}body.dark-theme .category-badge.badge-ipi{color:#c084fc;background-color:rgba(168,85,247,.1)}.status-badge-compact{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.status-badge-compact.status-paid{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge-compact.status-unpaid{background-color:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.card-main-info{gap:.75rem}.card-main-info,.info-item{display:flex;flex-direction:column}.info-item{gap:.25rem}.item-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.va-copy-group{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--bg-color);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border);overflow:hidden}body.dark-theme .va-copy-group{background-color:hsla(0,0%,100%,.02)}.va-value-text{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary);word-break:break-all}.btn-copy-compact{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--bg-card-border);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast);flex-shrink:0}.btn-copy-compact:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.bill-value-group{display:flex;align-items:baseline;gap:.15rem;background-color:var(--bg-color);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border)}body.dark-theme .bill-value-group{background-color:hsla(0,0%,100%,.02)}.bill-currency{font-size:1rem;font-weight:800;color:var(--accent)}.bill-amount-text{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.card-meta-list{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--bg-card-border);padding-top:.6rem}.meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.8rem}.meta-row-label{font-weight:600;color:var(--text-muted);flex-shrink:0}.meta-row-value{font-weight:600;color:var(--text-primary);text-align:right;word-break:break-word}.card-admin-footnote{color:var(--danger);background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.12);border-radius:6px}.card-admin-footnote,.card-admin-footnote-n{font-size:.68rem;line-height:1.3;padding:.5rem .6rem;text-align:left}.card-admin-footnote-n{color:#02335d;background-color:rgba(102,144,181,.12);border:1px solid rgba(102,144,181,.4);border-radius:6px}body.dark-theme .card-admin-footnote{color:#f87171;background-color:hsla(0,91%,71%,.05)}@media (max-width:640px){.payment-compact-card{padding:1rem;gap:.85rem}}@media (max-width:480px){.main-container{padding:1rem .5rem;gap:1.25rem}.guides-card,.result-body,.result-header{padding:1.25rem .75rem}.va-value-text{font-size:1.05rem}.bill-amount-text{font-size:1.2rem}}.important-alert-banner{background:linear-gradient(135deg,rgba(239,68,68,.07),rgba(245,158,11,.07));border:2px solid rgba(239,68,68,.5);border-radius:var(--radius-md);padding:1.5rem 1.75rem;display:flex;gap:1.25rem;align-items:flex-start;box-shadow:0 10px 25px -5px rgba(239,68,68,.1),0 0 12px rgba(239,68,68,.15);animation:border-pulse 3s infinite ease-in-out,slideIn var(--transition-normal);position:relative;overflow:hidden}body.dark-theme .important-alert-banner{background:linear-gradient(135deg,hsla(0,91%,71%,.1),rgba(251,191,36,.08));border-color:hsla(0,91%,71%,.45);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 15px hsla(0,91%,71%,.15)}.important-alert-banner:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,var(--danger),var(--warning))}.alert-banner-icon{color:var(--danger);flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--danger-bg);border-radius:50%;width:44px;height:44px;border:1px solid rgba(239,68,68,.2);box-shadow:0 4px 10px rgba(239,68,68,.15)}body.dark-theme .alert-banner-icon{background-color:hsla(0,91%,71%,.15);color:#f87171;border-color:hsla(0,91%,71%,.3)}.alert-banner-content{display:flex;flex-direction:column;gap:.35rem;flex:1 1}.alert-banner-content h3{font-size:1.1rem;font-weight:800;letter-spacing:.5px;color:var(--danger);text-transform:uppercase;margin:0}body.dark-theme .alert-banner-content h3{color:#f87171}.alert-banner-content p{font-size:1rem;line-height:1.6;color:var(--text-primary);margin:0;font-weight:600}.alert-banner-content strong{font-weight:800;color:var(--danger);text-decoration:underline;text-underline-offset:2px}body.dark-theme .alert-banner-content strong{color:#f87171}@keyframes border-pulse{0%{box-shadow:0 10px 25px -5px rgba(239,68,68,.1),0 0 10px rgba(239,68,68,.1);border-color:rgba(239,68,68,.45)}50%{box-shadow:0 10px 25px -5px rgba(239,68,68,.15),0 0 20px rgba(239,68,68,.35);border-color:rgba(239,68,68,.85)}to{box-shadow:0 10px 25px -5px rgba(239,68,68,.1),0 0 10px rgba(239,68,68,.1);border-color:rgba(239,68,68,.45)}}@media (max-width:640px){.important-alert-banner{padding:1.25rem;gap:1rem;flex-direction:column;align-items:center;text-align:center}.important-alert-banner:before{width:100%;height:4px;top:0;left:0}.alert-banner-content p{font-size:.95rem}}.admin-loading-container{flex-direction:column;color:var(--text-primary);gap:1rem}.admin-loading-container,.admin-login-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color)}.admin-login-layout{position:relative;overflow:hidden;padding:1rem}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;gap:1.75rem;transition:transform var(--transition-normal)}.login-card,.login-header{display:flex;flex-direction:column}.login-header{text-align:center;align-items:center;gap:.5rem}.login-header .brand-logo{background-color:var(--primary-glow);color:var(--primary);width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.login-header h2{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.login-header p{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.auth-error-banner{background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.2);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem;font-size:.85rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input{padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border);background-color:hsla(0,0%,100%,.05);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.login-btn{margin-top:.5rem;width:100%}.login-btn,.login-footer{display:flex;justify-content:center;align-items:center;gap:.5rem}.login-footer{font-size:.75rem;color:var(--text-muted)}.admin-dashboard-layout{position:relative;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);display:flex;flex-direction:column}.admin-header{border-bottom:1px solid var(--bg-card-border)}.admin-header .header-container{max-width:100%;padding:1rem 2rem}.admin-badge-row{display:flex;align-items:center;gap:.75rem}.badge-admin{background-color:var(--primary-glow);color:var(--primary);font-size:.65rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;letter-spacing:.5px}.btn-logout{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background-color:var(--danger-bg);border-color:rgba(239,68,68,.2);color:var(--danger)}.main-container.admin-main{max-width:100%;width:100%;padding:2rem;flex:1 1;display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.stat-card{gap:1.25rem;padding:1.5rem;border-radius:var(--radius-md)}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);justify-content:center}.stat-icon.ukt-blue{background-color:var(--primary-glow);color:var(--primary)}.stat-icon.val-green{background-color:var(--success-bg);color:var(--success)}.stat-icon.val-amber{background-color:var(--warning-bg);color:var(--warning)}.stat-info h3{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.stat-info p{font-size:.85rem;color:var(--text-muted);font-weight:500}.admin-tabs{border-bottom:1px solid var(--bg-card-border);padding-bottom:1px}.admin-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.import-panel,.manage-panel{padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.manage-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-search{max-width:400px;flex:1 1}.filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.select-wrapper{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.select-wrapper select{padding:.6rem 2rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border);background-color:var(--bg-card);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:all var(--transition-fast)}.select-wrapper select:focus{outline:none;border-color:var(--primary)}.btn-accent{background:var(--accent);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-accent:hover{background:var(--accent-hover)}.btn-excel{background:#107c41;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-excel:hover{background:#0b592e}.btn-excel:disabled{background:#84b79b;cursor:not-allowed}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border)}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-table td,.admin-table th{padding:1rem 1.25rem;border-bottom:1px solid var(--bg-card-border)}.admin-table th{background-color:rgba(0,0,0,.02);color:var(--text-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}body.dark-theme .admin-table th{background-color:hsla(0,0%,100%,.02)}.admin-table tr:hover{background-color:rgba(0,0,0,.01)}body.dark-theme .admin-table tr:hover{background-color:hsla(0,0%,100%,.01)}.table-student-name{font-weight:600;color:var(--text-primary)}.badge-type{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.badge-type.ukt{background-color:var(--primary-glow);color:var(--primary)}.badge-type.ipi{background-color:var(--accent-glow);color:var(--accent)}.badge-status{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.badge-status.paid{background-color:var(--success-bg);color:var(--success)}.badge-status.unpaid{background-color:var(--warning-bg);color:var(--warning)}.badge-status.other{background-color:var(--bg-card-border);color:var(--text-secondary)}.table-actions{display:flex;gap:.5rem}.action-btn{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:1px solid var(--bg-card-border);color:var(--text-secondary);transition:all var(--transition-fast)}.action-btn.edit:hover{background-color:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.action-btn.delete:hover{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.table-empty-container,.table-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-secondary)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;flex-wrap:wrap;gap:1rem}.pagination-buttons{display:flex;align-items:center;gap:.75rem}.pagination-btn{background:var(--bg-card);border:1px solid var(--bg-card-border);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.import-grid{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:2.5rem;gap:2.5rem}@media (max-width:900px){.import-grid{grid-template-columns:1fr}}.import-guide{display:flex;flex-direction:column;gap:1.25rem}.import-guide h3{font-size:1.25rem;font-weight:800}.guide-list{display:flex;flex-direction:column;gap:.75rem;padding-left:1.25rem;color:var(--text-secondary)}.import-template-btn{align-self:flex-start;margin-top:.5rem}.import-upload-zone{display:flex;flex-direction:column;justify-content:center;min-height:280px;border-radius:var(--radius-md);background-color:rgba(0,0,0,.01);border:2px dashed var(--bg-card-border);padding:2rem;transition:all var(--transition-normal)}body.dark-theme .import-upload-zone{background-color:hsla(0,0%,100%,.01)}.dropzone-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;height:100%}.dropzone-icon{color:var(--text-muted);transition:color var(--transition-fast)}.dropzone-area:hover .dropzone-icon{color:var(--primary)}.dropzone-text-main{color:var(--text-primary);font-size:1rem}.dropzone-text-sub{color:var(--text-muted)}.import-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.import-preview-box{display:flex;flex-direction:column;gap:1.5rem}.preview-summary-card{background-color:var(--primary-glow);border:1px solid rgba(7,71,126,.1);border-radius:var(--radius-sm);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.preview-summary-card h4{font-size:1rem;font-weight:700;color:var(--text-primary)}.summary-badges-row{display:flex;flex-wrap:wrap;gap:.5rem}.summary-badge{font-size:.75rem;padding:.35rem .75rem;border-radius:6px;font-weight:600}.summary-badge.total{background-color:var(--bg-card);border:1px solid var(--bg-card-border);color:var(--text-secondary)}.summary-badge.add{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.summary-badge.update{background-color:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}.preview-sample-section{display:flex;flex-direction:column;gap:.75rem}.preview-sample-section h5{font-size:.9rem;font-weight:700;color:var(--text-secondary)}.preview-sample-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid var(--bg-card-border)}.preview-sample-table{width:100%;border-collapse:collapse;text-align:left}.preview-sample-table td,.preview-sample-table th{padding:.75rem 1rem;border-bottom:1px solid var(--bg-card-border)}.preview-sample-table th{background-color:rgba(0,0,0,.02);color:var(--text-muted);font-weight:700}body.dark-theme .preview-sample-table th{background-color:hsla(0,0%,100%,.02)}.sample-action-badge{font-size:.65rem;font-weight:800;padding:.1rem .35rem;border-radius:4px;text-transform:uppercase}.sample-action-badge.insert{background-color:var(--success-bg);color:var(--success)}.sample-action-badge.update{background-color:var(--warning-bg);color:var(--warning)}.sample-diff{display:flex;flex-direction:column;gap:.15rem;color:var(--text-muted)}.preview-actions-row{display:flex;justify-content:flex-end;gap:.75rem}.btn-cancel-import{background-color:transparent;border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.6rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel-import:hover{background-color:rgba(0,0,0,.03);color:var(--text-primary)}body.dark-theme .btn-cancel-import:hover{background-color:hsla(0,0%,100%,.03)}.btn-confirm-import{padding:.6rem 1.5rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(11,17,30,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{width:100%;max-width:680px;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.delete-confirm-modal{max-width:480px}@keyframes modal-enter{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--bg-card-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.close-modal-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.close-modal-btn:hover{color:var(--text-primary)}.form-error-banner{margin:1rem 1.5rem 0;background-color:var(--danger-bg);border:1px solid rgba(239,68,68,.15);color:var(--danger);padding:.6rem 1rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5rem}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;max-height:55vh;overflow-y:auto;padding-right:.5rem}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1/span 1!important}}.form-field-group{display:flex;flex-direction:column;gap:.4rem}.form-field-group.col-span-2{grid-column:span 2}.form-field-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.form-field-group input,.form-field-group select{padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--bg-card-border);background-color:hsla(0,0%,100%,.05);color:var(--text-primary);font-size:.85rem;transition:all var(--transition-fast)}.form-field-group input:focus,.form-field-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.modal-footer-btns{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--bg-card-border)}.btn-secondary{background-color:transparent;border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:rgba(0,0,0,.03);color:var(--text-primary)}body.dark-theme .btn-secondary:hover{background-color:hsla(0,0%,100%,.03)}.btn-danger{color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-danger,.btn-danger:hover{background-color:var(--danger)}.btn-danger:hover{opacity:.9}.delete-modal-body{padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.delete-target-details{background-color:rgba(0,0,0,.02);border-radius:var(--radius-sm);padding:1rem;width:100%;display:flex;flex-direction:column;gap:.35rem}body.dark-theme .delete-target-details{background-color:hsla(0,0%,100%,.02)}.delete-modal-warning{color:var(--text-muted)}.btn-spinner{animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.col-span-2{grid-column:span 2}.z-50{z-index:150}.border-none{border:none}.pb-0{padding-bottom:0}.val-green-text{color:var(--success)}.val-danger-text{color:var(--danger)}.import-error-banner,.import-success-banner{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-retry{background-color:var(--bg-card);border:1px solid var(--bg-card-border);color:var(--text-secondary);padding:.4rem .85rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.btn-retry:hover{border-color:var(--primary);color:var(--primary)}@media (max-width:640px){.admin-header .header-container,.main-container.admin-main{padding:1rem!important}.import-panel,.manage-panel{padding:1.25rem!important}}.btn-header-link{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.45rem .95rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.btn-header-link:hover{background:var(--primary-glow);border-color:var(--primary-light);color:var(--primary-light);transform:translateY(-.5px)}body.dark-theme .btn-header-link{border-color:var(--primary);color:var(--primary)}body.dark-theme .btn-header-link:hover{background:var(--primary-glow);color:var(--primary-light)}