@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#071847;font-synthesis:none;--blue:#076ce2;--navy:#071847;--muted:#6078a7;--line:#dbe6f2;--surface:#fff;--soft:#eef6ff;background:#f7fbff;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 52% 22%,#fff 0,#f7fbff 42%,#f3f8fd 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #076ce23d}.app-shell{min-height:100vh}.sidebar{z-index:30;background:#fffffff5;border-right:1px solid #e0e9f3;flex-direction:column;width:274px;padding:36px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;padding:0 13px;display:flex}.brand strong{letter-spacing:-.6px;font-size:21px;display:block}.brand span{color:#7890ba;font-size:11px;line-height:1.7;display:block}.sidebar nav{gap:9px;margin-top:62px;display:grid}.sidebar nav button{color:#536c9b;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:16px;height:50px;padding:0 18px;font-weight:600;display:flex}.sidebar nav button svg{stroke-width:1.8px;width:22px}.sidebar nav button.active{color:var(--blue);background:#eaf4ff;font-weight:800}.sidebar nav button:hover:not(.active){color:#234b86;background:#f5f8fc}.sidebar-foot{color:#7189b4;flex-direction:column;margin-top:auto;padding:20px 16px 0;font-size:11px;line-height:1.7;display:flex}.sidebar-foot strong{color:#45679f;font-size:14px;line-height:1.4}.sidebar-foot i{background:var(--blue);width:32px;height:3px;margin:14px 0 11px}.campus-building{fill:none;stroke:#0876dd;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.12;width:205px;height:105px;margin:0 0 -4px -12px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffe6;border-bottom:1px solid #e3ebf4;align-items:center;height:82px;padding:0 40px;display:flex;position:fixed;top:0;left:274px;right:0}.top-search{color:#5573a7;border:1px solid #d9e5f2;border-radius:11px;align-items:center;gap:13px;width:min(630px,50vw);height:46px;padding:0 15px;display:flex}.top-search svg{width:20px}.top-search input{width:100%;color:var(--navy);background:0 0;border:0;outline:0;font-size:13px}.top-search input::placeholder{color:#7890ba}.menu-button,.mobile-brand,.mobile-close,.scrim{display:none}main{flex-direction:column;min-height:100vh;margin-left:274px;padding:112px 40px 24px;display:flex}.breadcrumbs{color:#7890b8;align-items:center;gap:9px;margin-bottom:17px;font-size:12px;display:flex}.breadcrumbs svg{width:13px}.breadcrumbs strong{color:#3a5f96}.page-heading{align-items:center;gap:30px;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-1.8px;margin:0 0 10px;font-size:42px;line-height:1}.page-heading p{color:#49689d;margin:0;font-size:17px}.filters{flex-wrap:wrap;gap:10px;margin:0 0 19px;display:flex}.filters button{color:#233a68;cursor:pointer;background:#ffffffb8;border:1px solid #d9e5f1;border-radius:999px;min-width:88px;height:38px;padding:0 21px;font-size:12px;font-weight:600;transition:all .18s}.filters button:hover{color:var(--blue);border-color:#9fc6f2}.filters button.active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 7px 18px #076ce22e}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.app-card{background:#fffffff0;border:1px solid #dce7f2;border-radius:14px;flex-direction:column;min-height:255px;padding:21px 21px 17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 6px 18px #18447b0b}.app-card:hover{border-color:#bed7ef;transform:translateY(-3px);box-shadow:0 15px 34px #18447b17}.card-top{justify-content:space-between;align-items:start;display:flex}.app-icon{border-radius:14px;place-items:center;width:58px;height:58px;display:grid}.app-icon svg{width:30px;height:30px}.app-icon.violet{color:#7652db;background:#f0eaff}.app-icon.teal{color:#00a8a8;background:#e2f8f8}.app-icon.blue{color:#076ce2;background:#e5f1ff}.app-icon.amber{color:#ef9500;background:#fff3dd}.app-icon.slate{color:#536b93;background:#edf2f7}.favorite{color:#9db0c9;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.favorite:hover{color:var(--blue);background:#f3f7fc}.favorite.selected{color:#ec4670}.favorite svg{width:19px}.card-copy{margin-top:13px}.card-copy h2{letter-spacing:-.4px;margin:0 0 6px;font-size:18px;line-height:1.2}.card-copy p{color:#57709e;max-width:320px;margin:0;font-size:13px;line-height:1.5}.card-meta{align-items:center;gap:8px;margin-top:auto;margin-bottom:11px;display:flex}.category-tag,.soon-tag{border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.category-tag{color:#0866cd;background:#edf6ff}.soon-tag{color:#60708c;background:#f0f3f7}.open-app{color:#0669d7;background:#edf6ff;border:1px solid #d7eaff;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:38px;font-size:12px;font-weight:800;text-decoration:none;transition:all .18s;display:flex}.open-app svg{width:16px}.open-app:hover{color:#fff;background:#086edf;border-color:#086edf}.open-app.disabled{color:#a4afc0;cursor:not-allowed;background:#f1f3f6;border-color:#edf0f4}.empty-state{text-align:center;color:#667da6;background:#ffffff75;border:1px dashed #cddceb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state>svg{width:32px}.empty-state h2{color:#18315d;margin:13px 0 4px}.empty-state p{margin:0 0 18px;font-size:13px}.empty-state button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700}footer{color:#8295b4;justify-content:space-between;margin-top:auto;padding:34px 2px 0;font-size:10px;display:flex}footer a{color:#6682ab;text-decoration:none}@media (width<=1120px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{width:min(300px,86vw);transition:transform .25s;transform:translate(-105%);box-shadow:20px 0 50px #041f4629}.sidebar.is-open{transform:translate(0)}.scrim{z-index:29;opacity:0;pointer-events:none;background:#04163052;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.is-open{opacity:1;pointer-events:auto}.mobile-close{color:#37577f;background:#f0f5fa;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px;height:126px;padding:14px 18px 12px;left:0}.menu-button{color:#176ac7;background:#edf5fd;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.menu-button svg{width:21px}.mobile-brand{white-space:nowrap;align-items:center;height:38px;font-size:14px;display:flex}.top-search{order:3;width:100%;height:46px}.top-search input{font-size:12px}main{margin-left:0;padding:152px 18px 22px}.breadcrumbs{display:none}.page-heading{margin-bottom:23px}.page-heading h1{font-size:35px}.page-heading p{font-size:14px;line-height:1.5}.filters{scrollbar-width:none;flex-wrap:nowrap;margin-right:-18px;padding-bottom:5px;overflow-x:auto}.filters button{flex:none}.app-grid{grid-template-columns:1fr}.app-card{min-height:244px}.card-copy p{max-width:none}footer{flex-direction:column;gap:10px;padding-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}