:root{--bg:#f4f6f7;--surface:#fff;--surface-alt:#f8fafb;--ink:#203337;--muted:#6c7c81;--line:#e3e9e9;--primary:#1c6560;--primary-hover:#14544f;--soft:#e8f2ef;--warm:#f6eee1;--blue:#eaf0f8;--sidebar:#fff;--hero:#173e40;--shadow:0 4px 18px #162f3504;--radius:14px;color-scheme:light}
:root[data-theme=dark]{--bg:#101a1e;--surface:#19262b;--surface-alt:#1c2c31;--ink:#e5efef;--muted:#a0b4b9;--line:#2d4045;--primary:#88c9b9;--primary-hover:#b1e0d2;--soft:#243e3b;--warm:#3f372b;--blue:#29384e;--sidebar:#162327;--hero:#193f40;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font-family:'Campus Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d3a15b;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.4vw,35px);line-height:1.2;letter-spacing:-1.1px;font-weight:650}h2{font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.3px}h3{font-size:17px;font-weight:650;letter-spacing:-.3px}p{line-height:1.7}small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:26px 0}[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--primary);margin-bottom:10px}.text-link{font-weight:600;color:var(--primary);display:inline-block}.text-link:hover{text-decoration:underline}.spaced-link{margin:12px}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:20px}.skip-link{position:fixed;top:-60px;left:20px;background:var(--primary);color:var(--bg);z-index:100;padding:10px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;border-radius:7px;border:1px solid transparent;padding:10px 17px;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:var(--surface)}.button.primary:hover{background:var(--primary-hover)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.light{background:#e8f3ec;color:#214640}.button.light:hover{background:#fff}.button.danger-button{background:transparent;color:#be5555;border-color:#be55554d}.full{width:100%}.icon-button{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.badge.outlined{background:transparent}.badge.subtle{background:var(--soft);color:var(--primary);border-color:transparent}.badge.danger{background:#bf474712;color:#c65757;border-color:#bf47472c}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;height:45px;border:1.5px solid #86aa99;border-radius:6px;background:var(--hero);color:#e7f3e9;font-size:25px;font-weight:600;line-height:1.1;letter-spacing:-1px}.brand-symbol>span{font-size:7px;letter-spacing:.9px;font-weight:400;margin-top:2px}.brand-name{font-size:19px;letter-spacing:-.5px;font-weight:700}.brand-name>span{font-weight:400}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);border-right:1px solid var(--line);padding:28px 17px 16px;display:flex;flex-direction:column;z-index:30}.sidebar>.brand{margin:0 12px 31px}.workspace-label{font-size:8px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin:0 13px 14px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;color:var(--muted);font-size:12px;font-weight:500;background:none;border:0;text-align:left;white-space:nowrap;min-height:42px}.nav-link .icon{width:18px;height:18px}.nav-link:hover{background:var(--surface-alt);color:var(--ink)}.nav-link.active{background:var(--soft);color:var(--primary);font-weight:650}.nav-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:29px 13px 7px}.sidebar-foot{margin-top:auto;padding-top:28px}.build-note{display:flex;gap:9px;align-items:flex-start;padding:16px 12px 21px;font-size:11px;border-bottom:1px solid var(--line);margin-bottom:10px;color:var(--muted)}.build-note small{display:block;font-size:10px;margin-top:3px}.status-dot{display:inline-block;width:6px;height:6px;background:#78a791;border-radius:50%;margin-top:6px;flex-shrink:0}.app-main{margin-left:230px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface)}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:17px}.connection{display:flex;gap:7px;font-size:10px;color:var(--muted)}.connection.is-offline{color:#c48447}.account-link{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;border-left:1px solid var(--line);padding-left:22px}.account-link small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--primary);border:1px solid var(--line);width:34px;height:34px;border-radius:50%;font-size:11px;font-weight:650;flex-shrink:0}.avatar.large{width:58px;height:58px;font-size:19px}.page-content{padding:33px 38px 24px;max-width:1510px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .muted{margin-top:10px;font-size:13px}.heading-dot{color:#79a494}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:var(--hero);color:#f0f6f2;border:1px solid #ffffff06;border-radius:var(--radius);padding:30px 34px;min-height:271px}.hero:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #8fb4a412;border-radius:50%;right:-50px;top:-70px;pointer-events:none}.hero-kicker{font-size:9px;font-weight:500;letter-spacing:2px;color:#a6c5b6}.hero h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:13px 0}.hero p{font-size:12px;color:#b1c7c2;margin-bottom:23px;line-height:1.7}.hero .button{font-size:12px;min-height:40px}.hero-molecule{position:relative;width:330px;height:215px;flex-shrink:0;margin-right:15px}.molecule-node{position:absolute;display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:1px solid #aac5a277;border-radius:50%;background:#315b52;color:#ceddc6;font-size:26px;font-weight:300;z-index:2;box-shadow:0 0 0 9px #aac5a205}.molecule-node.big{width:89px;height:89px;top:13px;left:61px;font-size:40px;background:#406759}.molecule-node.center{top:101px;left:132px}.molecule-node.last{top:39px;left:227px;width:57px;height:57px;background:#284f49}.molecule-line{position:absolute;height:2px;background:#93b1a260;transform-origin:left;z-index:1}.molecule-line.one{left:113px;top:70px;width:92px;transform:rotate(53deg)}.molecule-line.two{left:166px;top:132px;width:110px;transform:rotate(-38deg)}.molecule-formula{position:absolute;left:65px;bottom:2px;color:#9eb6a4;font-size:8px;letter-spacing:2.3px}.hero-emblem{margin-right:55px;color:#93b6a5}.hero-emblem .icon{width:120px;height:120px;stroke-width:.7}.stat-strip{display:flex;align-items:center;gap:0;margin:21px 0 32px;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.stat-strip>div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);padding:0 30px}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:nth-child(3){border:0}.stat-icon{color:#79968b}.stat-strip strong{display:block;font-size:22px;font-weight:600;line-height:1.1}.stat-strip div div>span{font-size:10px;color:var(--muted)}.strip-label{margin-left:auto;font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2{font-size:16px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-top:23px}.destination-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:22px;box-shadow:var(--shadow);transition:border-color .2s,transform .2s}.destination-card:hover{transform:translateY(-3px);border-color:#82aaa0}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--soft);color:var(--primary);border-radius:10px;margin-bottom:17px}.feature-icon.warm{background:var(--warm);color:#b08751}.feature-icon.blue{background:var(--blue);color:#6b8bad}.destination-card h3{margin-bottom:8px;font-size:15px}.destination-card p{font-size:12px;line-height:1.7;color:var(--muted)}.card-stage{position:absolute;right:19px;top:25px;font-size:9px;letter-spacing:.3px;color:var(--muted)}.card-link{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--primary)}.card-link>span{font-size:19px;line-height:1}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:24px;box-shadow:var(--shadow);min-width:0}.panel>h2{margin-bottom:15px}.dashboard-bottom{margin-top:26px}.class-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.class-row:last-child{border-bottom:0;padding-bottom:0}.class-initials{background:var(--surface-alt);border:1px solid var(--line);padding:7px;border-radius:7px;font-size:11px;color:var(--muted)}.class-row>div{flex:1}.class-row strong{font-size:12px;font-weight:600}.class-row small{display:block;font-size:10px;color:var(--muted)}.class-row .badge{font-size:9px;padding:3px 8px}.knowledge-panel .muted{font-size:12px;max-width:400px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 21px}.topic-chip{display:inline-flex;background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;padding:5px 10px;font-size:10px;color:var(--muted)}.knowledge-panel>.text-link{font-size:11px}.app-footer{display:flex;justify-content:space-between;max-width:1510px;width:100%;padding:20px 38px 25px;margin:auto auto 0;font-size:10px;color:var(--muted)}.bottom-nav{display:none}.sidebar-collapsed .sidebar{width:80px;padding-left:12px;padding-right:12px}.sidebar-collapsed .sidebar .brand{margin-left:5px}.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-link span,.sidebar-collapsed .build-note{display:none}.sidebar-collapsed .nav-link{justify-content:center}.sidebar-collapsed .app-main{margin-left:80px}.learner-hero{margin-bottom:31px}.notice{display:flex;gap:15px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:17px 20px;margin:22px 0;font-size:12px}.notice p{color:var(--muted)}.notice strong{color:var(--ink)}.small-icon{width:32px;height:32px;margin:0;flex-shrink:0}.panel-stack{display:flex;flex-direction:column;gap:20px}.compact-empty{padding:25px 0;color:var(--muted);font-size:13px}.activity-row{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:12px}.activity-row:last-child{border:0}.activity-row small{color:var(--muted);white-space:nowrap;font-size:10px}.messages{margin-bottom:20px}.message,.form-errors{padding:13px 16px;border-radius:7px;background:var(--soft);border:1px solid var(--line);font-size:13px;margin-bottom:12px}.message.error,.form-errors,.field-errors{color:#c15d55}.message.success{color:var(--primary)}.message ul,.field-errors ul,.form-errors ul{padding:0;list-style:none;margin:0}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:600}.required{font-size:11px;color:var(--muted)}input:not([type=checkbox]),select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:10px 12px;font-size:13px;box-shadow:0 1px 2px #00000003}input::placeholder{color:var(--muted);opacity:.75}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px;vertical-align:middle}.field input:focus,.field select:focus{border-color:#8cb9ad}.help{font-size:11px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:3px}.field-errors{font-size:12px}.stack-form{display:flex;flex-direction:column;gap:18px;margin-top:24px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-form>.form-errors,.grid-form>.form-actions,.grid-form>[data-field=trainer_professions]{grid-column:1/-1}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.form-panel{max-width:900px}.detail-list{display:grid;grid-template-columns:160px 1fr;gap:15px 16px;font-size:13px;margin:23px 0 27px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.action-stack{display:flex;flex-direction:column;gap:12px}.profile-heading{display:flex;align-items:center;gap:16px}.security-panel{height:fit-content}.security-panel p{margin-bottom:17px}.logout-form{margin-top:20px}.searchbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.searchbar select{width:auto;max-width:260px}.search-field{position:relative;flex:1}.search-field .icon{position:absolute;top:13px;left:13px;color:var(--muted);width:17px;height:17px}.search-field input{padding-left:40px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:13px 20px;color:var(--muted);font-weight:500;background:var(--surface-alt);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.3px}td{padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}td strong{font-weight:600}tbody tr:hover{background:var(--surface-alt)}.person-cell{display:flex;align-items:center;gap:11px}.pagination{display:flex;align-items:center;justify-content:center;padding:18px;gap:24px;font-size:12px}.pagination a{color:var(--primary)}.permissions-table td:not(:first-child),.permissions-table th:not(:first-child){text-align:center}.permissions-table select{text-align:left}.permissions-table input[disabled]{opacity:.45}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto}.tabs a{padding:12px 3px;font-size:12px;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.organization-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;align-items:start}.organization-layout .panel>h2{font-size:16px}.empty-state{text-align:center;padding:50px 20px}.empty-state h2{font-size:23px;margin-bottom:14px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:25px}.empty-illustration{display:flex;justify-content:center;align-items:center;width:84px;height:84px;border-radius:23px;background:var(--soft);color:var(--primary);margin:25px auto}.empty-illustration .icon{width:40px;height:40px;stroke-width:1.2}.future-panel{padding:35px 30px 55px;text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:460px}.future-panel h2{font-size:26px;margin-top:27px}.future-panel>p{max-width:540px;margin:17px auto;color:var(--muted);font-size:14px}.future-baseline{color:var(--primary);font-size:12px;display:flex;gap:7px;align-items:center;justify-content:center;margin:25px 0}.future-baseline .icon{width:16px;height:16px}.auth-body{background:var(--surface)}.auth-top{height:91px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;border-bottom:1px solid var(--line)}.auth-top .brand-symbol{width:37px;height:40px;font-size:23px}.auth-top .brand-name{font-size:20px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 91px)}.login-story{background:var(--hero);position:relative;overflow:hidden;color:#eff6ef;padding:62px 11% 32px;display:flex;flex-direction:column}.login-story:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#b8d6c01f .7px,transparent .7px);background-size:23px 23px;mask-image:linear-gradient(transparent,#000);pointer-events:none}.login-story .eyebrow{color:#b8cdb8;font-size:10px;letter-spacing:2.2px;z-index:1}.login-story h1{font-size:clamp(35px,3.3vw,55px);line-height:1.16;font-weight:500;letter-spacing:-1.6px;margin-top:17px;z-index:1}.login-story h1 em{font-style:normal;color:#b6cfa8}.story-copy{font-size:13px;color:#b1c6c0;margin-top:24px;z-index:1}.chemistry-art{position:relative;width:340px;height:255px;margin:24px 0 4px;z-index:1}.element{position:absolute;width:112px;height:124px;border:1px solid #b3c9a37d;border-radius:8px;background:#325d51;padding:9px 12px;display:flex;flex-direction:column;color:#dce7ce;box-shadow:0 9px 35px #071f2333}.element strong{font-size:46px;line-height:1.08;font-weight:500}.element span{font-size:11px;margin-top:3px;letter-spacing:.3px}.element small{font-size:8px;line-height:1.7;opacity:.7}.element-carbon{top:9px;left:23px;transform:rotate(-8deg);z-index:2}.element-hydrogen{top:70px;left:161px;transform:rotate(9deg);background:#214b46;color:#c1d5bd;z-index:3}.element-oxygen{top:110px;left:54px;transform:rotate(-3deg);width:87px;height:98px;background:#c0cfa7;color:#29483f;z-index:4}.element-oxygen strong{font-size:32px}.element-oxygen span{font-size:9px}.element-oxygen small{font-size:7px}.art-bond{position:absolute;top:79px;left:120px;background:#8ba992;width:90px;height:2px;transform:rotate(26deg)}.art-caption{position:absolute;bottom:8px;left:47px;font-size:7px;letter-spacing:1.7px;color:#a8bda9}.story-footer{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:10px;color:#a9c2b7;padding-top:22px}.story-footer .icon{width:16px;height:16px}.login-form-panel{padding:65px 12% 26px;display:flex;flex-direction:column;justify-content:center}.login-form-inner{max-width:385px;width:100%;margin:auto}.mini-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.login-form-inner h2{font-size:29px;font-weight:650;letter-spacing:-1px;margin:13px 0 10px}.login-form-inner>.muted{font-size:12px}.login-form-inner .stack-form{margin-top:32px;gap:20px}.login-form-inner input{min-height:47px}.forgot-link{font-size:11px;color:var(--primary);text-align:right;margin-top:-8px}.login-form-inner .button{min-height:47px;font-size:12px}.security-note{display:flex;align-items:flex-start;gap:9px;justify-content:center;margin:20px 15px 0;color:var(--muted)}.security-note p{font-size:10px}.security-note .icon{width:14px;height:14px;margin-top:2px}.invitation-note{border-top:1px solid var(--line);padding-top:22px;margin-top:32px}.invitation-note strong{font-size:12px;font-weight:600}.invitation-note p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.8}.login-footnote{text-align:center;font-size:9px;color:var(--muted);margin-top:35px}.auth-card{max-width:505px;margin:65px auto;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.auth-card h1{font-size:28px;letter-spacing:-.7px;margin-bottom:18px}.auth-card>.muted{font-size:13px}.auth-card>.text-link{font-size:12px;margin-top:24px}.qr-code{width:205px;height:205px;display:block;margin:20px auto}.secret{display:block;overflow-wrap:anywhere;padding:12px;background:var(--bg);font-size:13px}.auth-card details{font-size:12px;color:var(--muted);margin-bottom:20px}.otp-input{font-size:23px!important;letter-spacing:9px;text-align:center}.auth-card>.help{margin-top:20px}.offline-card>.brand-symbol{margin-bottom:25px}
@media(min-width:1500px){.page-content{padding-top:40px}.hero{min-height:300px}.hero h2{font-size:37px}.destination-card{padding:25px}.hero-molecule{margin-right:90px}.login-story{padding-top:90px}.login-story h1{font-size:58px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:11px;padding-right:11px}.app-main{margin-left:210px}.page-content{padding:28px 25px}.topbar{padding:0 25px}.hero-molecule{width:275px;transform:scale(.85);transform-origin:right center;margin-right:0}.hero{padding:26px}.hero h2{font-size:29px}.strip-label{display:none}.stat-strip{justify-content:space-between}.stat-strip>div{padding:0 17px}.three-grid{gap:13px}.destination-card{padding:18px}.card-stage{right:12px;top:25px}.login-story{padding:48px 9% 27px}.login-form-panel{padding:50px 10% 26px}.chemistry-art{transform:scale(.9);transform-origin:left center;width:300px}.organization-layout{grid-template-columns:1fr}.organization-layout>.panel:last-child{max-width:700px;width:100%}.two-grid{grid-template-columns:1fr 1fr}.detail-list{grid-template-columns:120px 1fr}.connection{display:none}}
@media(max-width:900px){.sidebar{width:185px}.sidebar .brand-name{font-size:15px}.sidebar>.brand{margin-left:4px;gap:7px}.sidebar .brand-symbol{width:35px;height:39px;font-size:23px}.nav-link{font-size:11px;padding:10px}.nav-link .icon{width:17px;height:17px}.app-main{margin-left:185px}.page-content{padding:25px 22px}.hero-molecule{width:190px;transform:scale(.65)}.hero h2{font-size:27px}.hero p{font-size:11px}.account-link>span:last-child{display:none}.account-link{padding-left:10px}.topbar-actions{gap:6px}.breadcrumb{font-size:10px}.two-grid{grid-template-columns:1fr}.stat-strip{padding:18px}.stat-strip>div{gap:8px;padding:0 13px}.stat-icon .icon{width:18px;height:18px}.stat-strip div div>span{font-size:9px}.three-grid{grid-template-columns:1fr}.destination-card{display:grid;grid-template-columns:47px 1fr;column-gap:14px}.destination-card>.feature-icon{grid-column:1;grid-row:1/3;margin:0}.destination-card h3{grid-column:2}.destination-card p{grid-column:2}.destination-card p br{display:none}.card-link{grid-column:1/-1;margin-top:14px;padding-top:12px}.card-stage{top:20px}.searchbar{flex-wrap:wrap}.search-field{min-width:100%}.searchbar select{flex:1}.login-story h1{font-size:37px}.login-story{padding-left:10%;padding-right:7%}.login-form-panel{padding:38px 9% 26px}.login-form-inner h2{font-size:26px}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);width:255px!important;transition:transform .2s;bottom:68px;box-shadow:12px 0 35px #0002}.sidebar.mobile-open{transform:translateX(0)}.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-link span,.sidebar-collapsed .build-note{display:initial}.sidebar-collapsed .nav-link{justify-content:flex-start}.sidebar-collapsed .sidebar .brand{margin-left:12px}.sidebar #collapse-sidebar{display:none}.sidebar nav{overflow-y:auto}.sidebar-foot{padding-top:15px}.app-main,.sidebar-collapsed .app-main{margin-left:0}.topbar{height:63px;padding:0 20px}.breadcrumb{font-size:11px;gap:10px}.breadcrumb>span:first-child{display:none}.breadcrumb>span:nth-child(2){display:none}.topbar-actions{gap:10px}.topbar .account-link{border:0;padding-left:0}.page-content{padding:26px 20px 16px}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading h1{font-size:29px}.page-heading>.badge{font-size:9px;margin-top:6px}.page-heading>.button{font-size:10px;padding:9px 11px;min-height:38px}.page-heading>.button>.icon{width:16px}.page-heading .muted{font-size:12px}.hero{padding:26px 23px;min-height:255px}.hero h2{font-size:29px}.hero-kicker{font-size:8px;letter-spacing:1.5px}.hero-molecule{display:none}.hero p{font-size:12px}.hero-emblem{margin:0}.hero-emblem .icon{width:55px;height:55px}.hero:after{right:-220px;top:-55px;width:390px;height:390px}.stat-strip{padding:16px 12px;margin-top:15px;margin-bottom:25px}.stat-strip>div{display:block;flex:1;text-align:center;padding:0 6px}.stat-icon{display:none}.stat-strip strong{font-size:23px}.stat-strip div div>span{font-size:9px}.section-heading h2{font-size:15px}.section-heading .small{font-size:9px}.destination-card{padding:18px}.three-grid{gap:12px}.destination-card h3{font-size:15px}.destination-card p{font-size:11px}.card-stage{font-size:8px}.destination-card .feature-icon{width:40px;height:40px}.panel{padding:20px}.table-panel{padding:0}.dashboard-bottom{margin-top:21px}.two-grid{gap:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);min-height:68px;padding:7px 8px max(7px,env(safe-area-inset-bottom));z-index:50;justify-content:space-around}.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);background:none;border:0;min-width:53px;padding:2px 7px;font-size:9px}.bottom-nav .icon{width:20px;height:20px}.bottom-nav .active{color:var(--primary);font-weight:650}.app-footer{padding:19px 20px 94px;font-size:9px}.auth-top{height:76px;padding:0 22px}.login-layout{display:block;min-height:calc(100vh - 76px)}.login-story{padding:27px 26px 29px;min-height:auto}.login-story .eyebrow{font-size:8px;margin-bottom:1px}.login-story h1{font-size:30px;margin-top:13px;line-height:1.18;letter-spacing:-.9px}.story-copy,.chemistry-art,.story-footer{display:none}.login-story h1 br:nth-child(2){display:none}.login-story h1 em{display:inline}.login-form-panel{padding:29px 27px 25px}.login-form-inner h2{font-size:26px}.mini-label{font-size:8px}.login-form-inner .stack-form{margin-top:25px}.login-footnote{margin-top:24px}.invitation-note{margin-top:23px;padding-top:20px}.auth-card{margin:25px 18px;padding:25px;max-width:none}.auth-card h1{font-size:25px}.grid-form{grid-template-columns:1fr;gap:18px}.detail-list{grid-template-columns:120px 1fr;font-size:12px;gap:13px}.tabs{gap:17px}.organization-layout{gap:20px}.searchbar{gap:9px}.searchbar select{max-width:100%;font-size:11px}.searchbar .button{min-height:44px;padding:9px 15px}.table-wrap{margin:0}td{padding:14px 15px;white-space:nowrap}th{padding:13px 15px}.future-panel{padding:27px 22px 38px;min-height:430px}.future-panel h2{font-size:23px}.future-panel>p{font-size:13px}.form-actions{gap:10px}.form-actions>.button{font-size:12px}.notice{font-size:11px;padding:16px}.empty-state{padding:35px 4px}.empty-state h2{font-size:22px}.app-body .auth-card{margin:20px 0}.sidebar .brand-name{font-size:20px}.sidebar .brand-symbol{width:42px;height:45px;font-size:25px}.sidebar .nav-link{font-size:12px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.brand-symbol{flex-shrink:0}
@media(min-width:901px){.sidebar>.brand{margin-left:5px;margin-right:5px;gap:9px}.sidebar .brand-name{font-size:18px}}
.topbar-location{display:flex;align-items:center;gap:10px;min-width:0}.history-back{font-size:24px;flex-shrink:0}.history-back:disabled{opacity:.3;cursor:default}
.administration-actions{width:150px;white-space:nowrap}.administration-actions>a,.administration-actions>form,.administration-actions>details{display:block;margin:0;padding:0}.administration-actions .text-button,.administration-actions .text-link{display:inline-flex;align-items:center;min-height:36px;padding:0;text-align:left}.administration-actions .delete-masterdata{white-space:normal}
@media(max-width:600px){.offline-learning .auth-top{height:auto;min-height:76px;padding-block:12px;gap:12px;flex-wrap:wrap}.offline-learning .auth-top .toolbar{display:flex;align-items:center;gap:14px;margin-left:auto}.offline-learning .auth-top .toolbar button{white-space:nowrap}}

.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.update-notice{position:fixed;z-index:2000;bottom:80px;left:16px;right:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.update-notice strong{flex:1;min-width:200px}.update-blocking{inset:0;margin:0;border-radius:0;align-content:center;justify-content:center;padding:30px}.update-blocking strong{flex-basis:100%;text-align:center}
/* Public distribution uses the same account-facing visual language. */
.install-card{max-width:640px}.install-icon{border-radius:16px}.install-card h2{margin-top:1.5rem}.install-card li{margin-block:.6rem;line-height:1.5}