@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color:#20253b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #eaedf5;flex-direction:column;flex-shrink:0;width:258px;padding:28px 16px 18px;display:flex}.brand{align-items:center;gap:11px;padding:0 10px 31px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#5369df,#7b61d5);border-radius:13px;place-items:center;width:39px;height:39px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:grid;box-shadow:0 6px 15px #6472d833}.brand-mark span{color:#e5dfff;margin:15px 0 0 17px;font-size:13px;display:inline;position:absolute}.brand strong{letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:15px;display:block}.brand small{color:#9198ad;margin-top:3px;font-size:11px;display:block}.workspace-label,.nav-section,.eyebrow{letter-spacing:1.35px;color:#989fb4;font-size:10px;font-weight:700}.workspace-label{padding:0 11px 10px}.profile-switcher{background:#f8f8fd;border:1px solid #eef0f8;border-radius:12px;align-items:center;gap:10px;margin-bottom:30px;padding:10px;display:flex;position:relative}.avatar{color:#5262c9;background:#e5e8ff;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.profile-info{flex:1;min-width:0}.sidebar>.profile-info{flex:none}.profile-info strong,.profile-info small{display:block}.profile-info strong{font-size:12px}.profile-info small{color:#969db0;margin-top:3px;font-size:10px}.profile-switcher select{color:#0000;cursor:pointer;background:0 0;border:0;outline:none;width:19px;max-width:19px}.profile-switcher select option{color:#222}.main-nav{flex-direction:column;gap:5px;display:flex}.nav-section{padding:0 11px 8px}.nav-section-spaced{margin-top:22px}.nav-item{color:#858ca2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#4e5ec7;background:#f7f7fd}.nav-item.active{color:#4e5dc6;background:#eef0ff;font-weight:700}.nav-icon{text-align:center;width:17px;color:inherit;font-size:17px;line-height:1}.sidebar-bottom{border-top:1px solid #f0f1f7;align-items:center;gap:10px;margin-top:auto;padding:18px 7px 0;display:flex}.privacy-icon{color:#329c73;background:#e9f8f1;border-radius:10px;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{color:#9aa0b2;margin-top:3px;font-size:10px}.status-dot{background:#45be8b;border-radius:50%;width:7px;height:7px;margin-left:auto;margin-right:3px}.status-dot-local{background:#d7a650}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #eaedf5;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex}.topbar-leading{align-items:center;gap:12px;min-width:0;display:flex}.mobile-menu-button{color:#5965c8;background:#fff;border:1px solid #eceef5;border-radius:9px;width:38px;height:36px;font-size:19px;display:none}.breadcrumb{color:#9ba1b3;font-size:12px}.breadcrumb span{color:#d2d5df;margin:0 9px}.breadcrumb strong{color:#424961;font-weight:600}.topbar-right{align-items:center;gap:18px;display:flex}.demo-pill{letter-spacing:.8px;color:#7c849b;background:#f7f8fc;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.demo-pill span{background:#d7a650;border-radius:50%;width:6px;height:6px}.settings-button{color:#838ba1;background:#fff;border:1px solid #eceef5;border-radius:10px;width:34px;height:34px}.page-wrap{max-width:1350px;margin:0 auto;padding:35px 42px 20px}.welcome-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px;display:flex}.eyebrow{margin:0 0 9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.7px;font-family:Manrope,sans-serif}h1{color:#20253b;margin:0 0 9px;font-size:29px;font-weight:800;line-height:1.2}.wave{color:#df9c4c;font-size:23px}.welcome-copy{color:#858ca2;margin:0;font-size:13px}.date-card{background:#fff;border:1px solid #e9ecf5;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 3px 12px #2c376408}.date-icon{color:#cf8b42;background:#fff1e3;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.date-card small,.date-card strong{display:block}.date-card small{color:#9aa0b2;margin-bottom:4px;font-size:10px}.date-card strong{color:#4c536b;font-size:11px}.notice{color:#4d5fb9;background:#eef3ff;border:1px solid #dfe6ff;border-radius:10px;align-items:center;gap:10px;margin:-8px 0 20px;padding:11px 13px;font-size:12px;display:flex}.notice p{flex:1;margin:0}.notice button{color:inherit;background:0 0;border:0;font-size:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px;display:grid}.stat-card{background:#fff;border:1px solid #e9ecf5;border-radius:14px;min-height:132px;padding:18px 20px;box-shadow:0 3px 12px #2c376405}.stat-top{align-items:center;gap:10px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:700;display:grid}.lilac{color:#7864d8;background:#f0edff}.mint{color:#2caa7c;background:#e5f8f0}.peach{color:#d38b4d;background:#fff0e5}.stat-label{letter-spacing:.75px;color:#939aaf;font-size:9px;font-weight:700}.stat-value{letter-spacing:-1px;margin:10px 0 3px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800}.stat-value small{letter-spacing:0;color:#9299ac;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.stat-card p{color:#a0a6b7;margin:0;font-size:10px}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px;display:flex}.section-heading .eyebrow{margin-bottom:6px}h2{margin:0 0 6px;font-size:20px;font-weight:800}.section-heading p:not(.eyebrow){color:#8b92a7;margin:0;font-size:12px}.choose-badge{color:#777f96;background:#fff;border:1px solid #e9ecf5;border-radius:7px;margin-bottom:3px;padding:7px 9px;font-size:10px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid}.subject-card{background:#fff;border:1px solid #e9ecf5;border-radius:14px;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.subject-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #28345d0d}.subject-card.selected{border-color:#7e88e8;box-shadow:0 0 0 2px #e8eaff}.subject-card-top{justify-content:space-between;align-items:center;padding:17px 17px 12px;display:flex}.subject-icon{border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:grid}.subject-tai .subject-icon{color:#5969d7;background:#edf0ff}.subject-gsi .subject-icon{color:#269d77;background:#e7f8f1}.subject-comun .subject-icon{color:#ce8d4b;background:#fff0e5}.subject-tag{letter-spacing:.6px;color:#8189a0;background:#f6f7fb;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700}.subject-body{min-height:93px;padding:3px 17px 17px}.subject-body h3{margin:0 0 7px;font-size:14px;font-weight:800;line-height:1.4}.subject-body p{color:#9299ac;margin:0;font-size:11px;line-height:1.5}.subject-footer{color:#8d94a9;border-top:1px solid #f0f1f7;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:10px;display:flex}.subject-footer button{color:#6973cd;background:#fff;border:1px solid #e8eaf4;border-radius:8px;flex-shrink:0;width:28px;height:28px;font-size:16px}.subject-footer button:hover{background:#eef0ff}.bottom-grid{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.panel{background:#fff;border:1px solid #e9ecf5;border-radius:14px;padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-heading .eyebrow{margin-bottom:7px}.panel-heading h2{font-size:16px}.panel-symbol,.library-icon{color:#7965d5;background:#f0edff;border-radius:10px;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:12px 18px 8px;display:flex}.empty-illustration{color:#7667d3;background:#f4f2ff;border-radius:18px;place-items:center;width:55px;height:55px;margin:2px 0 11px;font-size:25px;display:grid;position:relative}.empty-illustration i{color:#e0a45e;font-size:16px;font-style:normal;position:absolute;top:-5px;right:-3px}.empty-state strong{margin-bottom:6px;font-size:11px}.empty-state p{color:#969db0;max-width:350px;margin:0;font-size:10px;line-height:1.6}.library-icon{color:#34a27d;background:#e8f8f2}.library-copy{color:#858ca2;max-width:390px;margin:3px 0 13px;font-size:11px;line-height:1.65}.library-features{gap:8px;margin-bottom:16px;display:grid}.library-features div{color:#727b92;align-items:center;gap:8px;font-size:10px;display:flex}.library-features span{color:#299b73;background:#e5f8f0;border-radius:5px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid}.secondary-button{color:#525fc1;background:#fff;border:1px solid #e5e8f3;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.secondary-button:hover{background:#f7f8ff}.secondary-button span{font-size:16px}.page-footer{color:#a1a7b8;justify-content:space-between;gap:12px;padding:23px 2px 0;font-size:10px;display:flex}.page-footer b{color:#d5a05b;margin-left:3px}@media (width<=1120px){.sidebar{width:220px}.topbar{padding:0 26px}.page-wrap{padding:30px 26px 20px}.subject-grid{gap:11px}.subject-body h3{font-size:13px}.stat-card{padding:16px}}@media (width<=900px){.sidebar{width:70px;padding:22px 10px 15px}.brand{padding:0 5px 30px}.brand>div:last-child,.workspace-label,.profile-info,.profile-switcher select,.nav-section,.nav-item:not(.active){display:none}.brand-mark{flex-shrink:0}.profile-switcher{justify-content:center;margin-bottom:25px;padding:7px}.main-nav{align-items:center}.nav-item{justify-content:center;width:44px;height:42px;padding:0;font-size:0}.nav-item .nav-icon{font-size:20px}.nav-section-spaced{display:none}.sidebar-bottom{justify-content:center;padding:16px 0 0}.sidebar-bottom>div:last-of-type,.status-dot{display:none}.topbar{height:64px}.bottom-grid{grid-template-columns:1fr}}@media (width<=650px){.mobile-menu-button{flex-shrink:0;display:block}.sidebar{display:none}.sidebar.mobile-menu-open{z-index:31;width:min(290px,86vw);padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:12px 0 35px #20253b26}.sidebar.mobile-menu-open .brand>div:last-child,.sidebar.mobile-menu-open .workspace-label,.sidebar.mobile-menu-open .profile-info,.sidebar.mobile-menu-open .profile-switcher select,.sidebar.mobile-menu-open .nav-section,.sidebar.mobile-menu-open .nav-item:not(.active),.sidebar.mobile-menu-open .sidebar-bottom>div:last-of-type,.sidebar.mobile-menu-open .status-dot{display:initial}.sidebar.mobile-menu-open .nav-item{justify-content:flex-start;width:100%;height:auto;padding:11px 12px;font-size:12px}.sidebar.mobile-menu-open .nav-item .nav-icon{font-size:17px}.sidebar.mobile-menu-open .main-nav{align-items:stretch}.sidebar.mobile-menu-open .sidebar-bottom{justify-content:flex-start}.mobile-menu-backdrop{z-index:30;background:#151a2c70;border:0;position:fixed;inset:0}.topbar{padding:0 17px}.page-wrap{padding:25px 16px 18px}.welcome-row{flex-direction:column;align-items:flex-start;margin-bottom:22px}.welcome-copy{max-width:340px;line-height:1.5}.date-card{width:100%}.stats-grid{gap:8px;margin-bottom:28px}.stat-card{min-height:120px;padding:12px 10px}.stat-top{flex-direction:column;align-items:flex-start;gap:7px}.stat-label{font-size:8px;line-height:1.4}.stat-value{margin-top:8px;font-size:23px}.stat-card p{font-size:9px;line-height:1.4}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.choose-badge{white-space:nowrap}.subject-grid{grid-template-columns:1fr;gap:11px}.subject-card{grid-template-rows:auto auto;grid-template-columns:60px 1fr;display:grid}.subject-card-top{flex-direction:column;grid-row:1/3;align-items:flex-start;gap:7px;padding:15px 0 0 15px;display:flex}.subject-icon{width:38px;height:38px}.subject-tag{padding:5px;font-size:8px}.subject-body{min-height:auto;padding:15px 14px 8px}.subject-body h3{font-size:13px}.subject-footer{border-top:0;grid-column:2;padding:8px 14px 12px}.subject-footer button{width:25px;height:25px}.panel{padding:17px}.page-footer{font-size:9px}.demo-pill{font-size:8px}.topbar-right{gap:8px}}.stat-card-action{text-align:left;width:100%;color:inherit;cursor:pointer;appearance:none;font-family:inherit;transition:transform .15s,border-color .15s,box-shadow .15s;display:block}.stat-card-action:hover{border-color:#cfd5fb;transform:translateY(-2px);box-shadow:0 8px 22px #28345d0c}.stat-card-action:focus-visible,.quick-actions button:focus-visible{outline-offset:3px;outline:3px solid #aeb8ff}.stat-card-action p{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-card-action p span{color:#5969d7;font-size:15px}.quick-intro{color:#858ca2;margin:0 0 13px;font-size:11px;line-height:1.65}.quick-actions{gap:8px;display:grid}.quick-actions button{text-align:left;color:#333a52;background:#fff;border:1px solid #edf0f7;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;transition:background .15s,border-color .15s;display:flex}.quick-actions button:hover{background:#f8f9ff;border-color:#dfe4ff}.quick-action-icon{border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font-size:17px;display:grid}.quick-action-icon.lilac{color:#7864d8;background:#f0edff}.quick-action-icon.mint{color:#2caa7c;background:#e5f8f0}.quick-action-icon.peach{color:#d38b4d;background:#fff0e5}.quick-actions button>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.quick-actions strong{font-size:11px}.quick-actions small{color:#9299ac;font-size:10px}.quick-actions b{color:#7b84d8;font-size:17px;font-weight:500}@media (width<=650px){.stat-card-action{min-height:112px}.quick-actions button{padding:11px}}