@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#0b69ff;--primary-500:#0b69ff;--gray-50:#f9fafb;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6b7280}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}button{cursor:pointer}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid #0b69ff;outline:2px solid var(--primary-500);outline-offset:2px}.App{text-align:center}.landing-page{color:#222;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh}.app-bar{background:#fff;border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr auto 1fr;padding:12px 16px}.left,.right{align-items:center;display:flex}.left{justify-content:flex-start}.right{gap:8px;justify-content:flex-end}.brand{align-items:center;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.brand-logo{height:50px;object-fit:contain;width:auto}.icon{display:block;height:28px;width:28px}.menu-btn,.notif-btn{border:none;cursor:pointer;padding:6px}.hamburger-btn,.menu-btn,.notif-btn{align-items:center;background:#0000;display:inline-flex;justify-content:center}.hamburger-btn{border-radius:50%;transition:transform .2s}.hamburger-btn:hover{transform:scale(1.05)}.profile-btn-img{border:2px solid #0b69ff;border-radius:50%;box-shadow:0 2px 8px #0b69ff40;height:40px;object-fit:cover;width:40px}.login-button{background:#0b69ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:6px 10px}.login-link,.signup-link{color:#0b69ff;font-weight:600;padding:6px 8px;text-decoration:none}.signup-link{background:#0000;border:1px solid #0000;border-radius:6px}.content-area{align-items:center;background:#fafafa;display:flex;flex:1 1;justify-content:center;padding:28px 16px;position:relative}.content-area.sidebar-open{align-items:flex-start;justify-content:flex-start}.sidebar-overlay{background:#00000059;inset:0;position:fixed;z-index:50}.container{background:#fff;border-radius:10px;box-shadow:0 6px 18px #1220490f;max-width:920px;padding:24px;text-align:center;width:100%}.su-sidebar{background:#fff;border-right:1px solid #eee;bottom:0;box-sizing:border-box;left:0;overflow-y:auto;padding:0;position:fixed;top:56px;transform:translateX(-300px);transition:transform .26s cubic-bezier(.2,.8,.2,1);width:280px;z-index:60}.su-sidebar-inner{display:flex;flex-direction:column;gap:0}.su-profile-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;padding:24px 16px;text-align:center}.su-profile-image-container{height:80px;margin-bottom:12px;width:80px}.su-avatar{border:2px solid #eee;border-radius:50%;height:100%;object-fit:cover;width:100%}.su-profile-details{width:100%}.su-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.su-email{color:#666;font-size:.9rem;margin-bottom:8px;word-break:break-all}.su-student-id{color:#888;display:flex;font-size:.85rem;gap:4px;justify-content:center}.su-nav{display:flex;flex-direction:column;padding:12px 0}.su-nav-item{align-items:center;color:#333;display:flex;font-weight:500;gap:16px;padding:12px 24px;text-decoration:none;transition:background .2s}.su-nav-item:hover{background:#f5f5f5;color:#0b69ff;text-decoration:none}.su-nav-icon{height:24px;opacity:.7;width:24px}.su-nav-item:hover .su-nav-icon{opacity:1}.content-area.with-sidebar{align-items:flex-start;display:flex;gap:16px;justify-content:center}.main-with-sidebar{flex:1 1;margin-left:260px;max-width:920px;text-align:left;transition:margin-left .26s cubic-bezier(.2,.8,.2,1)}.content-area.sidebar-open .su-sidebar{transform:translateX(0)}.content-area.sidebar-open .main-with-sidebar{margin-left:260px}@media (max-width:800px){.su-sidebar{left:0;position:fixed;top:56px;width:240px}.content-area.with-sidebar{display:block}.main-with-sidebar{margin-left:0;text-align:center}.sidebar-overlay{display:block}}.android-start-screen{align-items:center;background:#fff;display:flex;flex-direction:column;margin:0 auto;width:100%}.step-img{display:block;height:auto;width:100%}.landing-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:2rem 1rem;text-align:center;width:100%}.landing-title-thin{color:var(--text-primary);font-size:1.5rem;font-weight:300;margin:0 0 .5rem}.landing-title-bold{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 2rem}.landing-brand-image{height:60px;margin-bottom:2rem;object-fit:contain;width:auto}.landing-building-image{height:auto;margin-bottom:2rem;max-width:320px;object-fit:contain;width:100%}.landing-tagline{color:var(--text-secondary);font-size:1.25rem;line-height:1.5;margin-bottom:2rem}.landing-tagline p{margin:.25rem 0}.highlight-text{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-top:.5rem!important}.how-it-works-section{background:var(--gray-50);border-radius:16px;margin:3rem auto 0;max-width:1000px;padding:4rem 2rem;text-align:center}.how-it-works-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.how-it-works-subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:300;margin:0 0 3rem}.feature-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.feature-icon{height:80px;margin-bottom:1.5rem;object-fit:contain;width:80px}.feature-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.feature-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.how-it-works-section{margin-top:2rem;padding:3rem 1rem}.how-it-works-title{font-size:1.75rem}.how-it-works-subtitle{font-size:1.1rem}.feature-cards{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon{height:64px;width:64px}.feature-title{font-size:1.25rem}.feature-description{font-size:.95rem}}.benefits-section{margin:3rem auto 0;max-width:1000px;padding:4rem 2rem;text-align:center}.benefit-card{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.benefit-icon{height:80px;margin:0 auto 1.5rem;object-fit:contain;width:80px}.benefit-content{text-align:center}.benefit-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.benefit-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.benefits-section{margin-top:2rem;padding:3rem 1rem}.benefit-card{grid-template-columns:1fr;padding:1.5rem}.benefit-icon{height:64px;width:64px}.benefit-title{font-size:1.25rem}.benefit-description{font-size:.95rem}.landing-title-thin{font-size:1.25rem}.landing-title-bold{font-size:1.5rem}.landing-brand-image{height:48px}.landing-tagline{font-size:1.1rem}}.start-application-footer-container{background:#fff;border-top:1px solid #f0f0f0;bottom:0;display:flex;justify-content:center;padding:16px;position:-webkit-sticky;position:sticky;width:100%}.start-application-footer{align-items:center;background:linear-gradient(180deg,#ff5a5a,#e64545);border:none;border-radius:10px;box-shadow:0 6px 18px #e645452e;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;max-width:100%;padding:14px 18px;width:100%}.start-application-footer svg{height:22px;width:22px}@media (max-width:600px){.app-bar{grid-template-columns:auto 1fr auto;padding:10px}.brand{font-size:1rem}.icon{height:24px;width:24px}.login-button{font-size:.9rem;padding:5px 8px}.container{padding:0!important}}.my-application-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.hamburger-btn{background:none;border:none;cursor:pointer;padding:0}.my-app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.my-app-header{color:#fff;margin-bottom:30px;text-align:center}.my-app-header h1{font-size:2rem;font-weight:700;margin-bottom:10px}.my-app-header p{font-size:1rem;opacity:.9}.new-application-btn{align-items:center;background:#0b69ff;border:none;border-radius:8px;box-shadow:0 4px 12px #0b69ff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:20px;padding:14px 28px;transition:all .3s ease}.new-application-btn:hover{background:#0952cc;box-shadow:0 6px 16px #0b69ff66;transform:translateY(-2px)}.new-application-btn svg{height:20px;width:20px}.applications-list{display:flex;flex-direction:column;gap:16px}.application-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.application-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.application-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.application-id{color:#666;font-size:.9rem;font-weight:600}.application-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.college-info{align-items:center;display:flex;gap:16px}.college-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.college-details{flex:1 1}.college-name{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:6px}.application-subtitle{color:#666;font-size:.9rem;margin-bottom:4px}.application-status-message{color:#0b69ff;font-size:.9rem;font-weight:500}.application-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:12px}.submitted-date{color:#999;font-size:.85rem}.view-details-link{align-items:center;color:#0b69ff;display:flex;font-size:.9rem;font-weight:600;gap:4px;text-decoration:none}.view-details-link svg{height:16px;width:16px}.empty-container,.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-text,.error-text,.loading-text{font-size:1.1rem;font-weight:500}@media (max-width:768px){.my-app-header h1{font-size:1.5rem}.application-card,.my-app-content{padding:16px}.college-info{align-items:flex-start;flex-direction:column}.college-image{height:150px;width:100%}.application-footer,.application-header{align-items:flex-start;flex-direction:column}.application-footer{gap:8px}}.application-details-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.app-bar{align-items:center;background:#fffffff2;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-bar .left,.app-bar .right{flex:1 1}.app-bar .brand{flex:2 1;text-align:center}.app-bar .right{text-align:right}.back-btn,.home-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:4px;padding:8px;transition:all .2s ease}.back-btn:hover,.home-btn:hover{color:#764ba2}.back-btn svg,.home-btn svg{height:20px;width:20px}.app-details-content{flex:1 1;margin:0 auto;max-width:1000px;padding:20px;width:100%}.app-details-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.app-details-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.app-details-id{color:#333;font-size:1.3rem;font-weight:700}.app-details-status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px;text-transform:capitalize}.status-submitted{background:#e3f2fd;color:#1976d2}.status-processing,.status-under_review{background:#fff3e0;color:#f57c00}.status-accepted,.status-approved{background:#e8f5e9;color:#388e3c}.status-cancelled,.status-rejected{background:#ffebee;color:#d32f2f}.status-pending{background:#f3e5f5;color:#7b1fa2}.app-details-status-msg{color:#666;font-size:1rem;margin-top:4px}.section-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.section-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2rem;font-weight:700;margin-bottom:16px;padding-bottom:12px}.college-card{align-items:flex-start;gap:16px}.college-image-large{border-radius:8px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.college-info-details{flex:1 1}.college-name-large{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:8px}.college-field{color:#666;font-size:.95rem;margin-bottom:6px}.college-field strong{color:#333;font-weight:600}.course-item{background:#f8f9fa;border-left:4px solid #0b69ff;border-radius:8px;padding:12px}.course-name{color:#333;font-size:1rem;margin-bottom:4px}.course-details{color:#666;font-size:.9rem}.status-timeline{padding-left:30px;position:relative}.timeline-item{padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:#0b69ff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #0b69ff;content:"";height:12px;left:-23px;position:absolute;top:6px;width:12px}.timeline-item.first:before{background:#388e3c;box-shadow:0 0 0 2px #388e3c}.timeline-item.last:before{background:#999;box-shadow:0 0 0 2px #999}.timeline-item:after{background:#ddd;content:"";height:calc(100% - 12px);left:-18px;position:absolute;top:18px;width:2px}.timeline-item:last-child:after{display:none}.timeline-status{color:#333;font-size:1rem;font-weight:600;margin-bottom:4px}.timeline-message{color:#666;font-size:.9rem;margin-bottom:4px}.timeline-date{color:#999;font-size:.85rem}.courier-info{background:#fff8e1;border-left:4px solid #ffc107;border-radius:8px;padding:16px}.courier-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:8px}.courier-text{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:8px}.courier-address{background:#fff;border-radius:6px;color:#333;font-size:.9rem;margin-top:12px;padding:12px;white-space:pre-wrap}.courier-status{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-top:12px}.courier-status.sent{color:#388e3c}.courier-status svg{height:20px;width:20px}.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-top-color:#fff;height:48px;margin-bottom:20px;width:48px}.error-text,.loading-text{font-size:1.1rem;font-weight:500}.retry-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#f0f0f0;transform:translateY(-2px)}@media (max-width:768px){.app-details-content,.app-details-header,.section-card{padding:16px}.app-details-title{align-items:flex-start}.app-details-title,.college-card{flex-direction:column}.college-image-large{height:180px;width:100%}}.qualification-wizard{background:#fff;border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:85vh;margin:24px auto;max-height:900px;max-width:840px;overflow:hidden;transition:all var(--transition-base)}@media (max-width:768px){.qualification-wizard{border-radius:0;height:100vh;margin:0;max-height:none}}.wizard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;color:#fff;flex-shrink:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;padding:20px 24px}@media (max-width:768px){.wizard-header{font-size:var(--text-base);padding:16px 20px}}.wizard-main{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:32px 24px;position:relative}@media (max-width:768px){.wizard-main{padding:24px 16px}}.wizard-screen{animation:fadeIn .3s ease-in;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:8px 0;position:relative}.wizard-screen h3{color:var(--gray-900);flex-shrink:0;font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.4;margin:0 0 20px}@media (max-width:768px){.wizard-screen h3{font-size:var(--text-lg);margin-bottom:16px}}.tooltip{align-items:center;background:var(--primary-100);border-radius:50%;color:var(--primary-700);cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;transition:all var(--transition-fast);width:20px}.tooltip:hover{background:var(--primary-600);color:#fff;transform:scale(1.1)}.wizard-list{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:4px}.wizard-item{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all var(--transition-base)}.wizard-item:before{background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base);z-index:0}.wizard-item>*{position:relative;z-index:1}button.wizard-item{z-index:2}.wizard-item:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.wizard-item.selected{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.wizard-item.selected:before{opacity:.5}.wizard-item input[type=checkbox],.wizard-item input[type=radio]{accent-color:var(--primary-600);cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.wizard-item>div{flex:1 1;min-width:0}.wizard-item>div>div:first-child{color:var(--gray-900);font-size:var(--text-base);font-weight:600;line-height:1.4;margin-bottom:4px}.wizard-item>div>div:last-child{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5}.wizard-item,.wizard-item *,.wizard-item.selected,.wizard-item.selected *,.wizard-item.selected>div,.wizard-item.selected>div>div,.wizard-item>div,.wizard-item>div>div,button.wizard-item,button.wizard-item.selected,label.wizard-item,label.wizard-item.selected{color:var(--gray-900)!important}.wizard-item.selected>div>div:first-child,.wizard-item>div>div:first-child{color:var(--gray-900)!important;font-weight:600}.wizard-item.selected>div>div:last-child,.wizard-item>div>div:last-child{color:var(--gray-700)!important}button.wizard-item{position:relative;z-index:1}button.wizard-item span{font-weight:600;position:relative;z-index:2}button.wizard-item span,button.wizard-item.selected span,button.wizard-item:hover span{color:var(--gray-900)!important}.wizard-item [style*=color],.wizard-item.selected [style*=color],.wizard-item.selected[style*=color],.wizard-item[style*=color]{color:var(--gray-700)!important}@media (max-width:768px){.wizard-item{gap:10px;padding:14px}.wizard-item>div>div:first-child{font-size:var(--text-sm)}.wizard-item>div>div:last-child{font-size:var(--text-xs)}}.wizard-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:24px}@media (max-width:768px){.wizard-footer{gap:8px;margin-top:20px}}.wizard-footer .primary,button.primary{background:#4f46e5;border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;min-height:44px;padding:12px 24px;transition:all var(--transition-base);white-space:nowrap}.wizard-footer .primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:#4338ca;box-shadow:none;transform:none}.wizard-footer .primary:active:not(:disabled),button.primary:active:not(:disabled){transform:translateY(0)}.wizard-footer .primary:disabled,button.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:768px){.wizard-footer .primary,button.primary{font-size:var(--text-sm);padding:10px 20px}}.wizard-footer .secondary,button.secondary{background:#fff;border:2px solid var(--gray-300);border-radius:8px;color:var(--gray-700);cursor:pointer;font-size:var(--text-base);font-weight:500;min-height:44px;padding:10px 20px;transition:all var(--transition-base);white-space:nowrap}.wizard-footer .secondary:hover,button.secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.wizard-footer .secondary:active,button.secondary:active{transform:translateY(0)}@media (max-width:768px){.wizard-footer .secondary,button.secondary{font-size:var(--text-sm);padding:9px 16px}}.wizard-screen input[type=email],.wizard-screen input[type=number],.wizard-screen input[type=text],.wizard-screen select,.wizard-screen textarea{background:#fff;border:2px solid var(--gray-300);border-radius:8px;font-size:var(--text-base);outline:none;padding:12px 16px;transition:all var(--transition-fast);width:100%}.wizard-screen input[type=email]:focus,.wizard-screen input[type=number]:focus,.wizard-screen input[type=text]:focus,.wizard-screen select:focus,.wizard-screen textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.wizard-screen input[type=email]:hover,.wizard-screen input[type=number]:hover,.wizard-screen input[type=text]:hover,.wizard-screen select:hover,.wizard-screen textarea:hover{border-color:var(--gray-400)}@media (max-width:768px){.wizard-screen input[type=email],.wizard-screen input[type=number],.wizard-screen input[type=text],.wizard-screen select,.wizard-screen textarea{font-size:var(--text-sm);padding:10px 14px}}.wizard-screen input[type=text][placeholder*=Filter],.wizard-screen input[type=text][placeholder*=Search]{background:var(--gray-50);border-color:var(--gray-200);margin-bottom:16px}.wizard-screen .error-message,div[style*="color: crimson"],div[style*="color: red"]{background:var(--error-50);border-left:4px solid var(--error-600);color:var(--error-600)!important}.wizard-screen .error-message,.wizard-screen .success-message,div[style*="color: crimson"],div[style*="color: red"]{animation:slideUp .3s ease-out;border-radius:8px;font-size:var(--text-sm);font-weight:500;margin-top:12px;padding:12px 16px}.wizard-screen .success-message{background:var(--success-50);border-left:4px solid var(--success-600);color:var(--success-600)}div[style*="background: #e0f7fa"]{background:var(--primary-50)!important;border-left:4px solid var(--primary-500)!important;border-radius:8px!important;color:var(--primary-900)!important;font-size:var(--text-sm)!important;margin-bottom:16px!important;padding:12px 16px!important}.loading-spinner{animation:spin .6s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-600);display:inline-block;height:20px;width:20px}div[style*="color: #666"]:has-text("Loading"){align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-sm);gap:8px}.wizard-list>div:only-child{color:var(--gray-500);font-size:var(--text-base);padding:40px 20px;text-align:center}.wizard-list[style*="overflow: auto"]{scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.wizard-list[style*="overflow: auto"]::-webkit-scrollbar{width:8px}.wizard-list[style*="overflow: auto"]::-webkit-scrollbar-track{background:#0000}.wizard-list[style*="overflow: auto"]::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.wizard-list[style*="overflow: auto"]::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width:768px){.wizard-footer button{min-height:44px;min-width:80px}.wizard-item input[type=checkbox],.wizard-item input[type=radio]{height:24px;width:24px}}.start-over-button{background:#677eea26;border:2px solid var(--primary-300);border-radius:6px;color:var(--primary-700);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:6px 12px;position:absolute;right:0;top:8px;transition:all var(--transition-base);z-index:10}.start-over-button:hover{background:var(--primary-100);border-color:var(--primary-500);box-shadow:0 2px 8px #677eea33;transform:translateY(-1px)}@media (max-width:768px){.start-over-button{font-size:var(--text-xs);padding:5px 10px;right:0;top:6px}}.start-over-confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.start-over-confirmation{animation:slideUpFade .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-width:480px;overflow:hidden;width:90%}.confirmation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.confirmation-header h3{font-size:var(--text-xl);font-weight:700;margin:0}.confirmation-body{color:var(--gray-800);line-height:1.6;padding:24px}.confirmation-body p{font-size:var(--text-base);margin:0 0 12px}.confirmation-body ul{margin:12px 0;padding-left:24px}.confirmation-body li{color:var(--gray-700);font-size:var(--text-sm);margin:8px 0}.confirmation-error{background:var(--error-50);border-left:4px solid var(--error-600);border-radius:6px;color:var(--error-700);font-size:var(--text-sm);font-weight:500;margin-top:16px;padding:12px}.confirmation-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirmation-footer .primary,.confirmation-footer .secondary{border:none;border-radius:8px;cursor:pointer;font-size:var(--text-sm);font-weight:600;min-width:100px;padding:10px 20px;transition:all var(--transition-base)}.confirmation-footer .secondary{background:#fff;border:2px solid var(--gray-300);color:var(--gray-700)}.confirmation-footer .secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.confirmation-footer .primary.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff}.confirmation-footer .primary.danger:hover:not(:disabled){box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.confirmation-footer .primary.danger:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.start-over-confirmation{max-width:95%}.confirmation-header{padding:16px 20px}.confirmation-header h3{font-size:var(--text-lg)}.confirmation-body{padding:20px}.confirmation-footer{flex-direction:column-reverse;padding:12px 20px}.confirmation-footer .primary,.confirmation-footer .secondary{min-width:0;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.option-button{background:#fff;border:2px solid var(--gray-300);border-radius:8px;color:var(--gray-700);cursor:pointer;font-size:var(--text-base);font-weight:600;margin:4px;min-height:44px;padding:12px 24px;transition:all var(--transition-base)}.option-button:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.option-button.selected{background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d;color:#fff}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:16px}.button-group-vertical{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:300px}.summary-screen{background:#f9fafb;padding:0}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 4px}.summary-header h3{color:var(--gray-900);font-size:1.25rem;margin:0}.reset-link{background:none;border:none;border-radius:4px;color:var(--primary-600);cursor:pointer;font-size:.875rem;font-weight:600;padding:4px 8px;transition:background .2s}.reset-link:hover{background:var(--primary-50);text-decoration:underline}.summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.summary-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 0}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row:first-child{padding-top:0}.summary-row .label{color:var(--gray-600);font-size:.95rem;font-weight:500}.summary-row .value{color:var(--gray-900);font-size:1rem;font-weight:600;max-width:60%;text-align:right}@media (max-width:768px){.summary-card{padding:16px}.summary-row{padding:12px 0}.summary-row .label{font-size:.875rem}.summary-row .value{font-size:.9rem}}.filter-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.filter-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.filter-header h3{font-size:18px;margin:0}.close-btn{color:#999;font-size:24px}.filter-body{display:flex;flex:1 1;overflow:hidden}.filter-sidebar{background:#f9f9f9;border-right:1px solid #eee;overflow-y:auto;width:200px}.filter-group-item{border-bottom:1px solid #eee;color:#555;cursor:pointer;font-size:14px;padding:12px 16px;transition:background .2s}.filter-group-item:hover{background:#f0f0f0}.filter-group-item.active{background:#fff;border-left:3px solid #007bff;color:#007bff;font-weight:600}.filter-content-area{flex:1 1;overflow-y:auto;padding:16px}.filter-items-container{display:flex;flex-direction:column;gap:20px}.filter-item-section h5{color:#333;font-size:15px;font-weight:600;margin:0 0 12px}.filter-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-checkbox-option{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:4px 0}.filter-checkbox-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.filter-range{background:#f5f5f5;border-radius:4px;color:#666;font-size:13px;padding:12px}.filter-footer{border-top:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.clear-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-weight:500;padding:8px 16px}.sort-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sort-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-width:400px;width:90%}.sort-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.sort-header h3{font-size:18px;margin:0}.sort-content{display:flex;flex-direction:column;gap:12px;padding:16px}.sort-option{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:8px;transition:background .2s}.sort-option:hover{background:#f5f5f5}.sort-option input[type=radio]{cursor:pointer;height:18px;width:18px}.sort-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:16px}.apply-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px}.college-list-page{background:linear-gradient(to bottom,var(--gray-50) 0,var(--gray-100) 100%);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh}.cl-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-lg);color:#fff;padding:12px 20px;z-index:10}.cl-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.cl-header-left{gap:12px}.cl-back-btn,.cl-header-left{align-items:center;display:flex}.cl-back-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;justify-content:center;padding:4px}.cl-title-group{display:flex;flex-direction:column}.cl-title{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.cl-count{color:#ffffffd9;font-size:12px;margin-top:2px}.cl-header-right{align-items:center;display:flex;gap:16px}.cl-fee-toggles{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;padding:2px}.cl-fee-toggle{border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all var(--transition-base);white-space:nowrap}.cl-fee-toggle.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--primary-700);font-weight:600}.cl-icon-actions{display:flex;gap:8px}.cl-icon-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.cl-icon-btn:hover{background:#ffffff4d;transform:scale(1.05)}.cl-icon-btn i{font-size:16px}@media (max-width:768px){.cl-header{padding:12px 16px}.cl-header-content{align-items:stretch;flex-direction:column;gap:12px}.cl-header-right{justify-content:space-between}.cl-title{font-size:16px}}.cl-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:hidden;padding:16px 16px 96px;scroll-snap-type:x mandatory}.college-card{box-shadow:var(--shadow-md);display:flex;flex:0 0 auto;height:calc(100vh - 220px);margin-bottom:0;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:all var(--transition-base);width:400px}@media (max-width:768px){.college-card{border-radius:12px;height:calc(100vh - 210px);margin-bottom:0;width:92vw}.cl-content{gap:12px;padding:12px 4vw 92px}}.college-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cc-header{align-items:center;display:flex;flex-direction:row;gap:16px;position:relative}@media (max-width:768px){.cc-header{align-items:flex-start;flex-direction:column;gap:0}}.cc-image-container{background:#eee;flex-shrink:0;height:160px;position:relative;width:160px}@media (max-width:768px){.cc-image-container{height:120px;width:100%}}.cc-image{height:100%;object-fit:cover;width:100%}.cc-logo{background:#fff;border-radius:4px;bottom:-20px;box-shadow:0 2px 4px #0000001a;height:48px;left:16px;object-fit:contain;padding:2px;position:absolute;width:48px}.cc-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:160px;padding:16px 16px 16px 0}@media (max-width:768px){.cc-info{min-height:auto;padding:12px}}.cc-courses-section{background:#fafafa;border-top:1px solid #e0e0e0;flex:1 1;min-height:0;overflow-y:auto;padding:12px;scrollbar-width:none}.cc-courses-section::-webkit-scrollbar{display:none}@media (max-width:768px){.cc-courses-section{padding:10px}}.cc-name{color:#333;font-size:16px;font-weight:700;margin:0 0 4px}@media (max-width:768px){.cc-name{font-size:15px;margin:0 0 3px}}.cc-location{color:#666;font-size:13px;margin-bottom:12px}@media (max-width:768px){.cc-location{font-size:12px;margin-bottom:8px}}.cc-stats{color:#555;display:flex;font-size:12px;gap:16px;margin-bottom:16px}.cc-stat-item{display:flex;flex-direction:column}.cc-stat-label{color:#999;font-size:10px;text-transform:uppercase}.cc-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:10px 14px}@media (max-width:768px){.cc-footer{padding:8px 12px}}.cc-shortlist-btn{align-items:center;background:#fff;border:2px solid var(--primary-600);border-radius:50%;bottom:16px;box-shadow:0 4px 12px #00000040;color:var(--primary-600);cursor:pointer;display:flex;font-size:28px;font-weight:300;height:48px;justify-content:center;position:absolute;right:16px;transition:all var(--transition-base);width:48px;z-index:5}.cc-shortlist-btn:before{content:"+"}.cc-shortlist-btn:hover{border-width:2px;box-shadow:0 6px 16px #0000004d;transform:scale(1.15)}@media (max-width:768px){.cc-shortlist-btn{bottom:12px;font-size:24px;height:44px;left:50%;right:auto;transform:translateX(-50%);width:44px}.cc-shortlist-btn:hover{transform:translateX(-50%) scale(1.1)}}.cc-shortlist-btn.shortlisted{background:var(--primary-600);border-color:var(--primary-600);box-shadow:0 4px 16px #2563eb66;color:#fff}.cc-shortlist-btn.shortlisted:before{content:"✓"}.cl-scroll-hint{align-items:center;animation:bounceRight 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:100px;color:#fff;display:flex;font-size:12px;gap:6px;padding:8px 16px;pointer-events:none;position:fixed;right:20px;z-index:20}@keyframes bounceRight{0%,20%,50%,80%,to{transform:translateX(0)}40%{transform:translateX(-10px)}60%{transform:translateX(-5px)}}.college-list-footer{background:#fff;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;justify-content:center;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.proceed-button{background:linear-gradient(135deg,var(--accent-600) 0,var(--accent-700) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;padding:14px 48px;transition:all var(--transition-base)}.proceed-button:hover{box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}@media (max-width:768px){.college-list-footer{padding:12px 16px}.proceed-button{font-size:14px;padding:12px 40px}}.cl-empty{color:#999;padding:40px;text-align:center}.cc-preview-images{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;overflow-x:auto;padding:12px 16px}.cc-preview-images::-webkit-scrollbar{height:4px}.cc-preview-images::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.cc-preview-img{border-radius:4px;flex-shrink:0;height:60px;object-fit:cover;width:80px}.cc-short-description{color:#555;font-size:13px;line-height:1.5;margin:12px 0}.cc-custom-properties{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:12px 0}.cc-property-badge{background:#e8f4fd;border-radius:4px;color:#06c;font-size:11px;font-weight:500;overflow:hidden;padding:6px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cc-actions{display:flex;gap:8px;margin:12px 0}.cc-action-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.cc-action-btn:hover{background:#f8f8f8;border-color:#bbb}.cc-youtube-btn{border-color:red;color:red}.cc-youtube-btn:hover{background:#fff5f5}.cc-website-btn{border-color:#06c;color:#06c}.cc-website-btn:hover{background:#f0f6ff}.cc-details-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:13px;font-weight:500;padding:0}.cc-details-btn:hover{text-decoration:underline}.cc-custom-properties-grid{grid-gap:12px 8px;background:#fafafa;border-radius:6px;display:grid;gap:12px 8px;grid-template-columns:repeat(4,1fr);margin:16px 0;padding:12px}.cc-property-item{align-items:center;display:flex;flex-direction:column;min-height:50px;text-align:center}.cc-property-name{color:#666;font-size:10px;margin-bottom:4px;text-transform:capitalize}.cc-property-name,.cc-property-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cc-property-value{color:#333;font-size:12px;font-weight:600}.cc-course-count{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;margin:16px 0 8px;padding-bottom:8px}.cc-courses-list{margin:8px 0}.cc-course-item{padding:8px 0}.cc-course-header{display:flex;gap:8px;margin-bottom:4px}.cc-course-position{color:#333;font-size:14px;font-weight:600;min-width:24px;padding-top:2px}.cc-course-info{flex:1 1}.cc-course-name{color:#333;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:2px}.cc-course-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.cc-course-properties-grid{grid-gap:4px;background:#f8f8f8;border-radius:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin-top:4px;padding:6px}.cc-course-divider{background:#e0e0e0;height:1px;margin-top:12px}@media (max-width:768px){.cc-course-properties-grid,.cc-custom-properties-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cc-course-properties-grid,.cc-custom-properties-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.cc-property-name{font-size:9px}.cc-property-value{font-size:11px}}.final-shortlist-page{font-family:Inter,sans-serif;margin:0 auto;max-width:800px;padding:20px 20px 80px}.shortlist-header{margin-bottom:24px;text-align:center}.shortlist-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.step-indicator{background-color:#e0e7ff;border-radius:16px;color:#4f46e5;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 12px}.shortlist-header .subtitle{color:#6b7280;font-size:14px;margin:0}.shortlist-content{display:flex;flex-direction:column;gap:16px}.empty-state,.error-state,.loading-state{background:#f9fafb;border-radius:12px;color:#6b7280;padding:40px;text-align:center}.error-state button{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.college-card-wrapper{position:relative}.college-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.college-card:hover{box-shadow:0 4px 12px #0000000d}.college-card-header{display:flex;gap:16px;padding:16px}.college-thumbnail{width:100px}.college-thumbnail img{height:100px}.action-btn:hover{background:#e5e7eb}.remove-button{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px;z-index:10}.remove-button:hover{background:#dc2626}.add-more-section{background:#f0fdf4;border:1px dashed #86efac;border-radius:12px;padding:24px;text-align:center}.add-more-text{color:#166534;font-size:14px;margin:0 0 12px}.add-more-button{background:#fff;border:1px solid #166534;border-radius:20px;color:#166534;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.add-more-button:hover{background:#166534;color:#fff}.shortlist-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 6px -1px #0000000d;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;z-index:100}.next-button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:400px;padding:12px 24px;transition:background .2s;width:100%}.next-button:hover{background:#4338ca}@media (max-width:640px){.final-shortlist-page{padding:16px 16px 80px}.college-card-header{flex-direction:row}.college-thumbnail{width:80px}.college-thumbnail img{height:80px}}.course-selection-page{font-family:Inter,sans-serif;margin:0 auto;max-width:800px;padding:20px 20px 80px}.cs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.cs-back-btn{background:none;border:none;color:#4b5563;cursor:pointer;font-size:24px;padding:8px}.cs-header-content{flex:1 1;text-align:center}.cs-header h2{color:#1a1a1a;font-size:20px;font-weight:700;margin:0}.college-indicator{color:#6b7280;font-size:13px;margin:4px 0 0}.cs-save-exit{background:none;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;padding:6px 12px}.cs-content{display:flex;flex-direction:column;gap:20px}.college-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.college-header{gap:16px;padding:16px}.college-thumbnail{display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:80px}.college-thumbnail img{background-color:#f3f4f6;border-radius:8px;height:80px;object-fit:cover;width:100%}.action-buttons{gap:4px}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:10px;gap:4px;justify-content:center;padding:4px}.college-info{flex:1 1}.college-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.college-location{color:#6b7280;font-size:13px;margin:0 0 8px}.college-description{color:#4b5563;font-size:13px;margin:0}.custom-properties{grid-gap:12px;background:#f9fafb;border-top:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:12px 16px}.property-item{display:flex;flex-direction:column}.property-name{color:#6b7280;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.property-value{color:#374151;font-size:13px;font-weight:500}.course-count-section{display:flex;justify-content:center}.course-count-badge{background:#e0e7ff;border-radius:20px;color:#4f46e5;font-size:13px;font-weight:600;padding:6px 16px}.order-preference-text{color:#6b7280;font-size:13px;margin:0;text-align:center}.courses-list{display:flex;flex-direction:column;gap:12px}.course-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.course-order-controls{display:flex;flex-direction:column;gap:4px}.order-btn{align-items:center;background:#f3f4f6;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;width:24px}.order-btn:disabled{cursor:not-allowed;opacity:.5}.course-details{flex:1 1}.course-header{display:flex;gap:8px;margin-bottom:8px}.course-position{color:#4f46e5;font-weight:700}.course-name{color:#1f2937;font-size:14px;font-weight:600;margin:0}.course-subtitle{color:#6b7280;font-size:12px;margin:2px 0 0}.course-properties{color:#4b5563;display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.remove-course-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;padding:4px}.select-courses-btn{background:#fff;border:1px dashed #4f46e5;border-radius:8px;color:#4f46e5;cursor:pointer;font-weight:600;padding:12px;transition:all .2s;width:100%}.select-courses-btn:hover{background:#e0e7ff}.submitted-ack{background:#ecfdf5;border-radius:8px;color:#065f46;font-size:14px;padding:16px;text-align:center}.cs-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 6px -1px #0000000d;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;z-index:100}.cs-next-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:400px;padding:12px 24px;width:100%}.cs-next-btn:hover{background:#4338ca}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.course-selection-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.modal-header h3{font-size:18px;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px}.modal-content{flex:1 1;overflow-y:auto;padding:16px}.selection-info{color:#6b7280;font-size:14px;margin-bottom:16px;text-align:center}.courses-grid{grid-gap:12px;display:grid;gap:12px}.course-option{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.course-option:hover{background:#f9fafb;border-color:#4f46e5}.course-option.selected{background:#e0e7ff;border-color:#4f46e5}.course-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.course-option.selected .course-checkbox{background:#4f46e5;border-color:#4f46e5}.course-option-info h4{color:#1f2937;font-size:14px;margin:0}.course-option-info p{color:#6b7280;font-size:12px;margin:4px 0 0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px}.cancel-btn,.save-btn{cursor:pointer;padding:8px 16px}.save-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff}.document-upload-page{font-family:Inter,sans-serif;margin:0 auto;max-width:800px;padding:20px 20px 80px}.page-header{margin-bottom:32px;text-align:center}.page-header h1{color:#1a1a1a;font-size:24px;margin:0 0 8px}.page-subtitle{color:#6b7280;font-size:14px;margin:0}.loading-container{color:#6b7280;padding:40px;text-align:center}.spinner{border:3px solid #f3f3f3;height:24px;margin:0 auto 16px;width:24px}.error-container{background:#fef2f2;border-radius:12px;color:#dc2626;padding:40px;text-align:center}.btn-primary,.btn-retry{background:#4f46e5;border:none;border-radius:6px;color:#fff;margin-top:16px}.btn-primary,.btn-retry,.btn-secondary{cursor:pointer;font-weight:500;padding:8px 16px}.btn-secondary{border:1px solid #d1d5db;border-radius:6px;color:#374151}.documents-grid{display:flex;flex-direction:column;gap:16px}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:box-shadow .2s}.document-card:hover{box-shadow:0 4px 6px -1px #0000000d}.document-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.document-info h3{font-size:16px;margin:0 0 4px}.document-description{color:#6b7280;font-size:13px;margin:0 0 8px}.required-badge{background:#fee2e2;border-radius:12px;color:#991b1b;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-pending{background:#f3f4f6;color:#6b7280}.status-completed,.status-uploaded{background:#ecfdf5;color:#059669}.status-uploading{background:#eff6ff;color:#2563eb}.status-error{background:#fef2f2;color:#dc2626}.upload-progress{margin:16px 0}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#4f46e5;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.error-message{background:#fef2f2;border-radius:6px;color:#dc2626;font-size:13px;margin-bottom:12px;padding:8px}.uploaded-files-list{border-top:1px solid #f3f4f6;margin-bottom:16px;padding-top:12px}.uploaded-file-info{align-items:center;background:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.file-name{color:#374151;font-size:13px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;gap:8px}.btn-delete,.btn-view{border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:none}.btn-view{background:#e0e7ff;color:#4f46e5}.btn-delete{background:#fee2e2;border:none;color:#991b1b}.upload-section{border:2px dashed #e5e7eb;border-radius:8px;padding:20px;text-align:center;transition:border-color .2s}.upload-section:hover{border-color:#4f46e5}.upload-section.has-files{background:#f9fafb;border-style:solid;padding:12px}.btn-upload{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-upload:hover{border-color:#4f46e5;color:#4f46e5}.upload-hint{color:#9ca3af;font-size:12px;margin:8px 0 0}.page-footer{border-top:1px solid #e5e7eb;box-shadow:0 -4px 6px -1px #0000000d;justify-content:space-between;margin:0 auto;max-width:800px;padding:16px}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:640px){.document-header{flex-direction:column;gap:8px}.document-status{align-self:flex-start}}.review-application-page{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 2rem 100px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;margin-bottom:20px;padding:12px 20px}.page-header h1{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0 0 4px}.page-subtitle{color:#ffffffe6;font-size:12px;margin:4px 0 0}@media (max-width:768px){.page-header{padding:12px 16px}.page-header h1{font-size:16px}}.review-content{margin-bottom:2rem}.section-header{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:24px 0 12px;text-transform:uppercase}.review-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;height:auto;margin-bottom:16px;min-height:0;padding:1.5rem;transition:all .3s ease}.review-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #0000001a}.semester-card .card-icon{align-items:center;background-color:#eff6ff;border-radius:50%;color:#4f46e5;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-right:16px;width:48px}.semester-card .card-details h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.semester-card .card-details p{color:#6b7280;margin:4px 0 0}.college-card{flex-direction:column}.college-header{align-items:center;display:flex;margin-bottom:16px;width:100%}.college-logo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:56px;margin-right:16px;object-fit:contain;padding:4px;width:56px}.college-info h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.college-info p{color:#6b7280;font-size:.9rem;margin:4px 0 0}.college-courses{border-top:1px solid #f3f4f6;padding-top:16px;width:100%}.course-item{color:#374151;display:flex;font-size:.95rem;margin-bottom:10px}.course-number{color:#4f46e5;font-weight:600;margin-right:12px;min-width:20px}.document-card,.document-icon{align-items:center}.document-icon{background-color:#fff7ed;border-radius:50%;color:#ea580c;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-right:16px;width:48px}.document-info{flex:1 1}.document-info h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.document-info p{color:#6b7280;font-size:.9rem;margin:4px 0 0}.document-status{font-size:1.8rem;margin-left:16px}.text-success{color:#059669}.text-warning{color:#f59e0b}.ineligible-message{background-color:#fff;border-left:4px solid #ef4444;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-top:24px;padding:24px;text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}.ineligible-message h3{color:#ef4444;font-size:1.2rem;margin:0 0 8px}.ineligible-message p{color:#374151;line-height:1.6}.page-footer{background:#fff;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;gap:1rem;justify-content:center;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}@media (max-width:768px){.page-footer{padding:12px 16px}.btn-primary,.btn-secondary{font-size:14px;padding:12px 40px}.btn-secondary{padding:10px 38px}}.review-page-error,.review-page-loading{align-items:center;background-color:#f9fafb;color:#6b7280;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{border-top-color:#4f46e5}.btn-retry{background:#4f46e5;border-radius:6px;font-weight:500;padding:8px 16px}@media (max-width:768px){.review-application-page{padding:1rem}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:1rem}.review-card{margin-bottom:12px;padding:12px}.college-logo{height:40px;margin-right:12px;width:40px}.college-header{margin-bottom:8px}.college-info h3{font-size:1rem}.college-courses{padding-top:8px}.course-item{font-size:.85rem;margin-bottom:4px}.page-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.uploaded-files-list{margin-top:4px}.uploaded-file-item{align-items:center;color:#4f46e5;display:flex;font-size:.85rem;gap:6px;margin-top:2px}.confirmation-page-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.confirmation-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px}.confirmation-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;margin-bottom:32px;max-width:500px;padding:48px 32px;text-align:center;width:100%}.success-icon{color:#10b981;font-size:5rem;font-weight:700;margin-bottom:24px}.confirmation-card h2{color:#111827;font-size:2rem;font-weight:700;margin:0 0 16px}.confirmation-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 12px}.action-buttons{display:flex;flex-direction:column;gap:16px;max-width:400px;width:100%}.submit-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 24px;transition:all .3s}.submit-button:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.contact-button{background-color:#fff;border:2px solid #fff;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s}.contact-button:hover{background-color:#ffffffe6;transform:translateY(-2px)}.confirmation-footer{background-color:#ffffff1a;padding:20px;text-align:center}.back-button-footer{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 32px;transition:all .3s}.back-button-footer:hover{background-color:#ffffff1a}@media (max-width:768px){.confirmation-card{padding:32px 24px}.confirmation-card h2{font-size:1.5rem}.success-icon{font-size:4rem}.action-buttons{max-width:100%}}.payment-page{font-family:Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem 2rem 100px}.payment-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:24px;padding:24px}.payment-header h1{font-size:1.8rem;font-weight:700;margin:0 0 8px}.payment-header .subtitle{font-size:.95rem;margin:0;opacity:.9}.payment-content{display:flex;flex-direction:column;gap:24px}.payment-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.payment-section h2{color:#111827;font-size:1.3rem;font-weight:600;margin:0 0 20px}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input::placeholder{color:#9ca3af}.order-details{gap:16px}.order-details,.product-list{display:flex;flex-direction:column}.product-list{border-bottom:2px solid #f3f4f6;gap:12px;margin-bottom:16px;padding-bottom:16px}.product-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.product-info h3{color:#111827;font-size:1.05rem;font-weight:600;margin:0 0 6px}.product-info p{color:#6b7280;font-size:.9rem;margin:0}.product-price{color:#059669;font-size:1.1rem;font-weight:700;white-space:nowrap}.no-products{color:#6b7280;font-style:italic;padding:24px;text-align:center}.order-total{border-top:2px solid #e5e7eb;padding-top:16px}.total-row{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between}.total-amount{color:#059669;font-size:1.5rem}.payment-footer{background:#fff;bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;gap:1rem;justify-content:center;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 48px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#1e293b;padding:12px 46px}.btn-secondary:hover{background:#ecfdf5;border-color:#10b981}.payment-error,.payment-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;margin-bottom:20px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px}@media (max-width:768px){.payment-page{padding:1rem}.payment-header{padding:20px}.payment-header h1{font-size:1.5rem}.payment-section{padding:16px}.product-item{flex-direction:column;gap:12px}.product-price{align-self:flex-end;font-size:1.2rem}.payment-footer{flex-direction:column-reverse;padding:12px 16px}.btn-primary,.btn-secondary{padding:12px 24px;width:100%}.btn-secondary{padding:10px 22px}}
/*# sourceMappingURL=main.a135cf80.css.map*/