@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#06265c;--blue:#2874ed;--text:#172036;--muted:#8490a1;--line:#eff1f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(120deg,#eff7fe 0%,#f9fbff 44%,#fffaf0 100%);font-family:'DM Sans',sans-serif;color:var(--text);font-size:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e6a83c;outline-offset:3px}button{border:0;background:none;color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:fixed;z-index:-1;width:230px;height:230px;transform:rotate(45deg);background:#dfeffa60}.a{top:110px;left:35px}.b{right:40px;bottom:-140px;background:#f7eddb66}.hero{text-align:center;position:relative;padding:30px 20px 25px;max-width:1440px;margin:auto}.eyebrow{font-size:9px;letter-spacing:3.3px;color:#8493a6;font-weight:700}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,43px);letter-spacing:-1.7px;margin:5px 0 0;font-weight:800;color:#080f22}.subtitle{display:flex;align-items:center;justify-content:center;gap:16px;font-size:20px;letter-spacing:4px;font-weight:600;margin-top:3px}.subtitle i{width:38px;height:1px;background:#99a3af}.hero p{margin:9px 0 0;font-size:12px;font-weight:600}.hero p span:nth-child(1){color:#4385b0}.hero p span:nth-child(2){color:#69a06c}.hero p span:nth-child(3){color:#c49e46}.hero p span:nth-child(4){color:#8a6aaf}.books{position:absolute;right:49px;top:5px;font-size:67px;transform:rotate(-8deg);line-height:1}.books>span{display:block;font-size:67px;margin-top:-28px}.books small{position:absolute;font-size:47px;right:-35px;bottom:0;transform:rotate(8deg)}.stage{display:grid;grid-template-columns:190px minmax(600px,1fr) 242px;grid-template-rows:1fr auto;gap:18px;max-width:1440px;padding:0 22px 24px;margin:auto;align-items:start}.sidebar{background:linear-gradient(155deg,#082c66,#032454);border-radius:15px;grid-row:1/3;align-self:stretch;padding:24px 12px 16px;color:#d8e4f8;box-shadow:0 12px 25px #06336812;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:white;padding:0 12px 26px}.brand>span{font-size:36px;line-height:38px;font-weight:800;width:35px}.brand-dot{color:#58a4ff}.brand>div{font-size:23px;font-weight:700;letter-spacing:-.6px}.brand div span{display:block;font-size:6px;letter-spacing:1.2px;color:#91afd9;margin-top:3px}.school-label{font-size:7px;letter-spacing:1.5px;color:#7f9ac2;padding:0 10px 9px}.school-switch{display:flex;gap:8px;align-items:center;text-align:left;background:#ffffff09;border:1px solid #ffffff13;border-radius:7px;padding:9px 7px;width:100%;margin-bottom:24px;font-size:9px;color:#fff}.school-switch>span:last-child{margin-left:auto}.school-avatar{background:#e5effe;color:#1555a1;display:grid;place-items:center;border-radius:6px;width:28px;height:28px;font-weight:700}.school-switch small{display:block;font-size:7px;color:#99b1d3;margin-top:3px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;font-size:10px;border-radius:6px;color:#c7d7ef}nav button svg{width:15px;height:15px}nav button.active{background:linear-gradient(100deg,#3789f7,#2c6be7);color:#fff;box-shadow:0 4px 12px #001b5333}nav button:hover{background-color:#ffffff13}.nav-badge{margin-left:auto;border-radius:4px;background:#ffffff1c;padding:2px 5px;font-size:8px}.nav-divider{height:1px;background:#ffffff12;margin:12px 10px}.sidebar-bottom{margin-top:auto;padding:32px 10px 0;font-size:9px}.help-mark{width:23px;height:23px;border:1px solid #718bb5;border-radius:50%;display:grid;place-items:center;margin-bottom:12px;color:#acc3e7}.sidebar-bottom strong{font-weight:500}.sidebar-bottom p{font-size:8px;color:#7f9ac2}.sidebar-bottom button{padding:8px 0;color:#b5d0fa;font-size:9px}.version{border-top:1px solid #ffffff13;margin-top:18px;padding-top:15px;color:#7895c0;font-size:7px}.version span{float:right}.dashboard{border:1px solid #fff;background:#ffffffec;border-radius:15px;padding:23px 22px 15px;box-shadow:0 7px 30px #334d7110;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h2{font-size:16px;font-family:Manrope,sans-serif;letter-spacing:-.45px;margin:0 0 7px;font-weight:800}.topbar h2 span{font-size:16px}.topbar p{font-size:9px;color:#7b8492;margin:0}.account{display:flex;align-items:center;gap:8px;flex-shrink:0}.notification{position:relative;padding:4px;margin-right:8px}.notification b{position:absolute;right:0;top:0;border-radius:50%;background:#f27e80;color:white;font-size:7px;padding:1px 4px}.avatar{display:grid;place-items:center;width:31px;height:34px;background:linear-gradient(145deg,#d1e2df,#f3d7be);border:2px solid white;border-radius:50%;font-weight:700;color:#626e6a;font-size:10px}.profile{font-size:9px;text-align:left;padding:0;font-weight:700}.profile small{display:block;font-weight:400;font-size:7px;color:#7b8492;margin-top:4px}.account>span:last-child{color:#9aa4b3;font-size:10px}.context{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#7e8c9d;margin:21px 0 15px}.context>span:first-child{display:flex;align-items:center;gap:6px}.context i,.live-dot{width:5px;height:5px;background:#5bac83;border-radius:50%;display:inline-block}.context b{color:#5c6879;font-weight:500;margin-left:5px}.demo{font-size:6px;letter-spacing:1px;background:#edf2fa;color:#7a8ca7;padding:3px 5px;border-radius:3px;margin-left:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid #f4f5f9;border-radius:10px;padding:14px 11px 10px;background:linear-gradient(130deg,var(--wash),#fafcfd)}.blue{--color:#2e8ce5;--wash:#eef6ff;--light:#c9e9ff}.green{--color:#63ad6d;--wash:#eff8f1;--light:#d7efcf}.amber{--color:#e2a34e;--wash:#fff9ec;--light:#ffebba}.purple{--color:#9970cb;--wash:#f6f1ff;--light:#e5d6fb}.stat>div{display:flex;align-items:center;gap:9px}.icon{width:33px;height:35px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:var(--light);color:var(--color);box-shadow:0 3px 8px color-mix(in srgb,var(--color) 10%,transparent)}.icon svg{width:20px;height:20px}.stat strong{font-size:22px;line-height:24px;font-weight:650}.stat strong span{font-size:17px}.stat p{font-size:8px;margin:3px 0 0;white-space:nowrap}.stat button{display:flex;justify-content:space-between;width:100%;font-size:7px;color:#60789b;padding:13px 0 0}.star{font-size:27px;color:#f5c74b;background:linear-gradient(135deg,#bd8aef,#915ce0)}.content-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:14px;margin-top:17px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 13px 13px;gap:10px}.panel h3{font-size:10px;margin:0;font-weight:700}.panel-head button{font-size:7px;color:#6682a3;white-space:nowrap;padding:0}.competency-row{display:flex;gap:11px;align-items:center;padding:14px 13px;border-top:1px solid #f5f6f8}.competency-row .icon{color:white;background:linear-gradient(140deg,color-mix(in srgb,var(--color) 65%,white),var(--color));width:33px;height:35px;border:2px solid var(--light);border-radius:7px}.row-body{flex:1;min-width:0}.row-body strong{font-size:9px;font-weight:600}.row-sub{font-size:7px;color:#8b94a2;margin-top:5px}.progress-line{display:flex;align-items:center;gap:11px;margin-top:7px}.progress{height:3px;background:#f0f2f5;border-radius:4px;overflow:hidden;flex:1}.progress i{display:block;width:var(--value);height:100%;background:var(--color);border-radius:4px}.progress-line>span{font-size:8px;color:#657083;width:26px;text-align:right}.completion{display:flex;align-items:center;gap:8px;margin:9px 12px 12px;padding:11px 8px;background:#f8fafc;border-radius:6px}.tiny-check{background:#e9f5ee;color:#6cab82;padding:3px 5px;border-radius:50%;font-size:8px}.completion strong{font-size:7px;font-weight:500}.completion p{font-size:6px;color:#9aa2b0;margin:4px 0 0}.right-column{display:grid;gap:14px;grid-template-rows:1fr auto}.agenda-row{display:flex;align-items:center;gap:8px;margin:0 13px;padding:13px 0;border-top:1px solid #f5f6f8}.agenda-row .icon{width:25px;height:27px;border-radius:5px}.agenda-row svg{width:15px;height:15px}.agenda-row strong{font-size:8px;font-weight:600}.agenda-row p{font-size:7px;color:#8a94a2;margin:4px 0 0}.agenda-time{margin-left:auto;color:#6f7b8c;font-size:6px;white-space:nowrap;line-height:1.7}.agenda-row button{border:1px solid #ced8e5;border-radius:5px;font-size:7px;padding:5px 8px;margin-left:4px;color:#4d698c}.announcement{display:flex;gap:9px;padding:2px 13px 17px;align-items:center}.announcement .icon{width:30px;height:32px;font-size:23px}.announcement strong{font-size:8px}.announcement p{font-size:7px;color:#8a94a2;line-height:1.7;margin:4px 0 0}.announcement time{font-size:6px;color:#9aa2ad;margin-left:auto;align-self:flex-start;white-space:nowrap;padding-top:3px}.main-footer{display:flex;justify-content:space-between;border-top:1px solid #f3f5f7;margin-top:18px;padding-top:13px;font-size:6px;color:#98a2af}.main-footer .live-dot{width:4px;height:4px;margin-right:3px}.phone-area{padding-top:44px}.phone{width:220px;height:446px;background:linear-gradient(120deg,#333,#080808 25%,#333 55%,#050505);padding:7px;border-radius:35px;transform:rotate(3deg);box-shadow:6px 9px 10px #233a5026,0 0 0 1px #b0b4b8;position:relative}.phone:before{content:'';position:absolute;width:3px;height:34px;background:#535455;left:-3px;top:90px;border-radius:2px}.phone:after{content:'';position:absolute;width:3px;height:42px;background:#535455;right:-3px;top:108px;border-radius:2px}.phone-screen{background:#fff;height:100%;border-radius:28px;overflow:hidden;padding:0 12px;position:relative}.phone-status{display:flex;justify-content:space-between;align-items:center;font-size:8px;height:25px;position:relative;padding:0 4px}.notch{width:91px;height:20px;background:#090909;position:absolute;left:50%;transform:translateX(-50%);top:-1px;border-radius:0 0 14px 14px}.phone-status>span:last-child{font-size:7px}.phone-header{display:flex;align-items:center;gap:7px;margin:9px 0 13px;font-size:10px}.phone-header b{font-size:8px}.phone-header svg{margin-left:auto;width:13px;height:13px}.phone-banner{background:linear-gradient(115deg,#f0edff,#edf6f5);height:87px;display:flex;align-items:center;padding:11px 9px;border-radius:7px;position:relative;overflow:hidden}.phone-banner strong{font-size:9px;line-height:1.5}.phone-banner p{font-size:6px;line-height:1.5;color:#84909b}.phone-banner>span{font-size:58px;position:absolute;right:-5px;bottom:0}.phone-heading{display:flex;justify-content:space-between;margin:17px 0 5px;font-size:8px}.phone-heading small{font-size:6px;color:#6582a5}.phone .competency-row{padding:9px 0;gap:7px}.phone .icon{width:23px;height:24px;border-width:1px;border-radius:4px}.phone .icon svg{width:15px;height:15px}.phone .row-body strong{font-size:7px}.phone .row-sub{font-size:5px;margin-top:3px}.phone .progress-line{margin-top:4px;gap:7px}.phone .progress-line>span{font-size:6px;width:22px}.phone .progress{height:2px}.phone-note{display:flex;gap:6px;background:#f7f9fd;padding:7px;margin-top:7px;border-radius:5px;font-size:6px}.phone-note>span{color:#8e7abe}.phone-note small{display:block;font-size:5px;color:#96a0ad;margin-top:3px}.phone-nav{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid #f1f3f7;padding-top:7px;background:white;color:#7f8b9b;font-size:16px}.phone-nav small{display:block;font-size:5px;margin-top:2px}.phone-nav>span{text-align:center}.phone-nav .selected{color:#296cc9}.home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:70px;height:3px;border-radius:3px;background:#222}.phone-caption{text-align:center;font-size:9px;color:#8c98a7;margin-top:23px;font-style:italic}.phone-caption span{color:#9ab0c8;margin-right:4px}.benefits{grid-column:2/4;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:16px 5px 0}.benefits>div{display:flex;align-items:center;gap:9px}.benefits .icon{width:30px;height:32px;border:3px solid var(--wash)}.benefits .icon svg{width:17px;height:17px}.benefits strong{font-size:8px;font-weight:600}.benefits p{font-size:7px;line-height:1.6;color:#8793a3;margin:4px 0 0}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#092b5e;color:white;padding:13px 23px;border-radius:9px;box-shadow:0 10px 40px #17324f33;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e8edf4;border-radius:17px;padding:30px;max-width:440px;width:90%;box-shadow:0 20px 80px #08265330;color:var(--text)}dialog::backdrop{background:#08265350;backdrop-filter:blur(4px)}dialog h2{font-size:20px;letter-spacing:-.7px;margin-top:0}dialog p{color:#8590a1;line-height:1.8}.close{position:absolute;top:9px;right:12px;font-size:25px;color:#99a4b2}.modal-option{display:block;width:100%;padding:15px;border:1px solid #e7edf5;border-radius:8px;margin:10px 0;text-align:left}.modal-option:hover{background:#f2f7ff}.primary{background:#2874ed;color:white;border-radius:7px;padding:11px 17px;margin-top:12px}label{display:block;margin:15px 0 6px;font-size:11px}input,select{padding:12px;border:1px solid #dfe6ee;border-radius:7px;width:100%;font:inherit}.detail{margin-top:17px;min-height:355px;padding:22px}.detail h2{font-size:18px;margin-top:0}.detail>p{color:#8490a1;font-size:11px;line-height:1.8}.detail table{width:100%;border-collapse:collapse;font-size:10px}.detail th,.detail td{text-align:left;padding:14px 8px;border-bottom:1px solid #edf1f5}.detail th{font-size:8px;color:#8b98aa;font-weight:500;background:#f9fbfd}.pill{border-radius:4px;padding:5px 8px;background:#edf7ef;color:#5d9e6a;font-size:8px}.detail .competency-row{padding:17px 0}.detail [type=file]{margin:12px 0}.detail button{color:#2874ed}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:45px;padding-bottom:35px}.stage{gap:23px}.dashboard{padding:30px 25px 20px}.competency-row{padding-top:18px;padding-bottom:18px}.agenda-row{padding-top:17px;padding-bottom:17px}.phone-area{padding-top:52px}.sidebar{padding-top:30px}.hero h1{font-size:44px}}@media(max-width:1180px){.stage{grid-template-columns:170px minmax(530px,1fr);max-width:1100px}.phone-area{display:none}.benefits{grid-column:2}.books{right:65px;font-size:53px}.books>span{font-size:53px}.books small{font-size:37px}.topbar h2{font-size:14px}.topbar p{font-size:8px}.benefits{gap:8px}.benefits>div{gap:5px}.benefits strong{font-size:7px}.benefits p{font-size:6px}}@media(max-width:780px){.hero{padding:25px 12px}.hero h1{font-size:29px}.eyebrow{font-size:7px}.subtitle{font-size:13px;letter-spacing:2px}.hero p{font-size:10px}.books{display:none}.stage{display:block;padding:0 12px 20px}.sidebar{border-radius:12px;padding:10px;margin-bottom:12px}.brand,.school-label,.school-switch,.sidebar-bottom,.nav-divider{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{width:auto;white-space:nowrap;padding:10px;font-size:9px}nav button svg{width:13px}.nav-badge{display:none}.dashboard{padding:20px 14px}.topbar{align-items:flex-start}.topbar h2{font-size:14px}.topbar p{font-size:8px;max-width:220px;line-height:1.6}.profile,.account>span:last-child{display:none}.notification{margin:0}.account{gap:4px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:15px}.stat p{font-size:9px}.stat button{font-size:8px}.content-grid{grid-template-columns:1fr}.panel h3{font-size:12px}.row-body strong{font-size:11px}.row-sub{font-size:9px}.competency-row{padding:14px}.panel-head button{font-size:9px}.agenda-row strong{font-size:10px}.agenda-row p{font-size:9px}.agenda-time{font-size:8px}.agenda-row button{font-size:9px}.announcement strong{font-size:10px}.announcement p{font-size:9px}.announcement time{font-size:7px}.completion strong{font-size:9px}.completion p{font-size:8px}.benefits{grid-template-columns:repeat(2,1fr);padding:20px 8px;gap:18px}.benefits strong{font-size:9px}.benefits p{font-size:8px}.benefits>div:last-child{display:none}.main-footer{font-size:6px}.context{font-size:7px}.detail{padding:12px}.detail td{font-size:9px;padding:12px 5px}}
@media(max-width:780px){.profile{display:block;font-size:0}.profile small{font-size:7px}.account{gap:6px}} @media print{body{background:white}.hero,.sidebar,.phone-area,.benefits,.stats,.topbar,.main-footer,#toast{display:none!important}.stage{display:block}.dashboard{box-shadow:none;border:0}.detail{border:0}button{display:none!important}}