:root{--navy:#0d2547;--blue:#2269df;--teal:#1f9b8f;--gold:#dca62b;--ink:#172033;--muted:#718096;--line:#e7ebf2;--bg:#f4f7fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0c2344;color:white;padding:30px 18px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brandmark{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;font:800 15px Manrope}.brand strong,.brand span{display:block}.brand strong{font:700 19px Manrope}.brand span{font-size:11px;color:#a9b9d0;letter-spacing:1px;text-transform:uppercase}.nav{width:100%;border:0;background:none;color:#aab9cf;padding:13px 15px;border-radius:9px;text-align:left;font:500 14px 'DM Sans';margin:3px 0;cursor:pointer}.nav span{display:inline-block;width:28px;font-size:18px}.nav:hover,.nav.active{background:#17365f;color:white}.side-bottom{margin-top:auto}.help{background:linear-gradient(135deg,#163761,#254b77);border:1px solid #31527a;border-radius:12px;padding:16px;margin-bottom:18px}.help b,.help span{display:block}.help b{font-size:13px}.help span{font-size:11px;color:#a9bdd6;margin-top:5px}.user{border-top:1px solid #254366;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;background:#e8ad42;display:grid;place-items:center;color:#24344b;font-weight:700;font-size:12px}.user b,.user span{display:block}.user b{font-size:12px}.user span{font-size:10px;color:#99abc3}.user button{margin-left:auto;background:none;border:0;color:white}main{margin-left:250px;min-height:100vh;padding:0 34px 50px}header{height:100px;display:flex;align-items:center;justify-content:space-between}header h1{font:700 22px Manrope;margin:0}header p{margin:5px 0 0;color:var(--muted);font-size:12px}.menu{display:none}.header-actions{display:flex;gap:10px}.icon-btn,.outline,.light-btn,.primary,.panel-head button{border:1px solid var(--line);background:white;border-radius:8px;padding:11px 14px;cursor:pointer;font:600 13px 'DM Sans'}.icon-btn{width:42px;position:relative}.icon-btn i{position:absolute;width:6px;height:6px;background:#f05e5e;border:1px solid white;border-radius:50%;top:8px;right:8px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(105deg,#102c51,#204b79);border-radius:16px;padding:28px 32px;color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #0d25471c}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#78b7ff}.hero h2{font:700 25px Manrope;margin:8px 0 4px}.hero p{margin:0;color:#c4d3e4;font-size:13px}.light-btn{padding:12px 16px}.light-btn span{padding-left:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:14px}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:white}.stat-icon.navy{background:#143d69}.stat-icon.teal{background:#188f82}.stat-icon.gold{background:#d8a42d}.stat-icon.green{background:#3a9c63}.stats span,.stats b,.stats small{display:block}.stats span{color:var(--muted);font-size:11px}.stats b{font:700 24px Manrope;margin:4px 0}.stats small{font-size:10px;color:#8b96a7}.up{color:#319667!important}.grid-main{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3,.panel-head h3{font:700 15px Manrope;margin:0}.panel-head p,.panel>p{font-size:11px;color:var(--muted);margin:4px 0}.panel-head button{border:0;color:var(--blue);padding:2px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}.pipeline span,.pipeline b{display:block}.pipeline span{font-size:10px;color:var(--muted)}.pipeline b{font:700 20px Manrope;margin:7px 0}.pipeline i{display:block;background:#e7edf5;height:5px;border-radius:8px;overflow:hidden}.pipeline i:after{content:"";display:block;width:var(--w);height:100%;background:#285c91;border-radius:8px}.activity ul{padding:10px 0 0;margin:0;list-style:none}.activity li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #eff2f6}.dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#448ce7}.dot.green{background:#45a66c}.dot.orange{background:#e3a23d}.activity b,.activity span,.activity small{display:block}.activity b{font-size:11px}.activity span,.activity small{font-size:9px;color:var(--muted);margin-top:2px}.colleges-table{margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:17px}th{text-align:left;color:#8b96a5;font-size:9px;letter-spacing:.7px;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf0f4;font-size:11px}.college{display:flex;align-items:center;gap:10px}.college b,.college span{display:block}.college span{font-size:9px;color:var(--muted);margin-top:3px}.crest{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:700}.c1{background:#e8effa;color:#245487}.c2{background:#e8f6ef;color:#2b8059}.c3{background:#f9eddf;color:#9b6320}.mini-progress{display:flex;align-items:center;gap:8px}.mini-progress:before{content:"";width:75px;height:5px;background:#edf1f5;border-radius:5px}.mini-progress i{position:absolute;height:5px;background:#2b709e;border-radius:5px}.badge{font-style:normal;border-radius:20px;padding:5px 8px;font-size:9px}.active-b{background:#e9f6f0;color:#247958}.complete{background:#eaf1fb;color:#315f94}.review{background:#fbf0e2;color:#a66b25}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font:700 25px Manrope;margin:0}.section-heading p{color:var(--muted);margin:6px 0;font-size:13px}.steps{display:flex;align-items:center;justify-content:center;margin:28px auto;width:min(700px,100%);color:#8c97a8}.steps span{display:flex;gap:8px;align-items:center;font-size:12px}.steps span:first-letter{background:red}.steps i{height:1px;background:#dfe5ed;flex:1;margin:0 14px}.steps .on{color:var(--blue)}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-card{text-align:center;padding:28px}.upload-icon{width:52px;height:52px;background:#e7effa;color:#245f9c;border-radius:13px;display:grid;place-items:center;font-size:22px;margin:auto}.upload-icon.photos{background:#e9f6f1;color:#24856d}.upload-card h3{margin-top:14px}.dropzone{display:flex;flex-direction:column;margin-top:20px;border:1.5px dashed #b8c5d6;border-radius:10px;padding:30px;cursor:pointer;background:#fafcff}.dropzone:hover{border-color:var(--blue);background:#f6f9ff}.dropzone input{display:none}.dropzone b{font-size:12px}.dropzone span{font-size:10px;color:var(--muted);margin-top:6px}.file-result{min-height:22px;margin-top:10px;color:#23845d;font-size:11px}.mapping{margin-top:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chips span{background:#f0f4f9;border-radius:5px;padding:7px 9px;font-size:10px}.wide{width:100%;margin-top:6px}.wide:disabled{opacity:.4}.toolbar{display:flex;gap:12px;align-items:center}.toolbar label{border:1px solid var(--line);border-radius:8px;padding:8px 12px}.toolbar input{border:0;outline:0;margin-left:5px}.toolbar select{padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.toolbar>span{margin-left:auto;font-size:11px;color:var(--muted)}#studentTable img{width:38px;height:44px;object-fit:cover;border-radius:6px;background:#e9eef5}.photo-placeholder{width:38px;height:44px;border-radius:6px;background:#e9eef5;display:grid;place-items:center;font-weight:700;color:#64748b}.row-action{border:0;background:none;color:var(--blue);cursor:pointer}.college-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.college-card{padding:22px}.college-card .crest{width:48px;height:48px}.college-card h3{margin:15px 0 5px}.college-card>p{min-height:24px}.college-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.college-card footer span{font-size:10px;color:var(--muted)}.college-card footer b{display:block;color:var(--ink);font-size:13px}.wallet-card{background:linear-gradient(120deg,#102a4d,#226288);color:white;border-radius:16px;padding:30px;margin-bottom:18px}.wallet-card span{font-size:10px;letter-spacing:1px}.wallet-card b{display:block;font:700 36px Manrope;margin:9px 0}.wallet-card p{color:#c3d5e7;font-size:12px}.wallet-card button{background:white;color:#183756;border:0;padding:10px 20px;border-radius:8px;font-weight:700}.credit{color:#21845e}dialog{width:min(780px,92vw);border:0;border-radius:16px;padding:28px;box-shadow:0 25px 80px #091b3880}dialog::backdrop{background:#07172eb8}.close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:25px;color:#7c8798;cursor:pointer}.dialog-head h2{margin:8px 0 4px;font:700 24px Manrope}.dialog-head p{color:var(--muted);font-size:12px}.preview-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center;margin:22px 0}.id-card{background:linear-gradient(145deg,#f9fbff,#edf4fb);border:1px solid #cdd9e7;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #18385d26}.card-top{background:#10345d;color:white;padding:16px;display:flex;gap:12px;align-items:center}.card-top i{width:37px;height:37px;border-radius:50%;background:#fff;color:#10345d;display:grid;place-items:center;font-weight:800}.card-top b,.card-top span{display:block}.card-top b{font:700 12px Manrope}.card-top span{font-size:8px;letter-spacing:1.4px;color:#a9c0d8}.card-body{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:22px}.card-body img{width:110px;height:135px;object-fit:cover;border-radius:8px;background:#dbe4ee}.card-body h3{font:700 18px Manrope;color:#12365e;margin:2px 0 16px}.card-body p{margin:9px 0}.card-body span,.card-body b{display:block}.card-body span{font-size:7px;letter-spacing:1px;color:#8c98a6}.card-body b{font-size:10px;margin-top:2px}.card-bottom{background:#dbab37;padding:8px 15px;color:white;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between}.details{font-size:11px}.details div{padding:10px 0;border-bottom:1px solid var(--line)}.details span{display:block;color:var(--muted);font-size:9px}.approve{width:100%}.toast{position:fixed;right:24px;bottom:24px;background:#16365d;color:white;padding:13px 18px;border-radius:9px;box-shadow:0 8px 25px #10243f38;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:repeat(2,1fr)}.college-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%)}main{margin-left:0;padding:0 17px 35px}.menu{display:inline-block;border:0;background:none;font-size:20px}.grid-main,.import-grid,.preview-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{align-items:flex-start;gap:20px;flex-direction:column}.header-actions .icon-btn{display:none}.college-cards{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:14px;flex-direction:column}.steps b{display:none}}