:root{--primary:#174c3a;--primary-hover:#21634c;--primary-soft:#eaf2ec;--background:#f5f7f5;--surface:#fff;--text:#23362c;--muted:#738077;--border:#e4eae5;--danger:#b43e3d;--radius:14px;--gold:#b99856}*{box-sizing:border-box}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a,button{transition:background .18s,color .18s,box-shadow .18s}h1,h2,h3,p{margin:0}h1{letter-spacing:-.6px;font-size:27px;line-height:1.4}h2{font-size:17px}h3{font-size:16px}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;min-height:44px;padding:11px 13px;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#759985;box-shadow:0 0 0 3px #174c3a12}input::placeholder,textarea::placeholder{color:#929c95}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}:focus-visible{outline-offset:3px;outline:3px solid #a9c9b2}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:600;display:inline-flex}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-hover);box-shadow:0 3px 10px #174c3a16}.secondary{border-color:var(--border);color:var(--text);background:#fff}.secondary:hover{background:var(--primary-soft)}.small{min-height:36px;padding:6px 12px;font-size:12px}.full{width:100%}.danger-ghost{color:var(--danger);background:#fff7f5;border-color:#f1deda}.danger-ghost:hover{background:#fbe9e5}.muted{color:var(--muted);font-size:13px}.eyebrow{color:#7b947f;letter-spacing:2px;margin-bottom:7px;font-size:11px;font-weight:700}.notice{border:1px solid var(--border);background:var(--primary-soft);border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:13px}.notice.error{color:#9d3c34;background:#fff3f0;border-color:#f1d6d0}.notice.success{color:#2c6742;background:#edf6ee;border-color:#d8e8d9}.field{flex-direction:column;gap:7px;display:flex}.field label{font-size:13px;font-weight:600}.required{color:var(--danger)}.field-error{color:var(--danger);font-size:12px}.form-stack{flex-direction:column;gap:20px;display:flex}.form-stack .notice{margin-bottom:0}.form-grid{grid-template-columns:1fr 1fr;gap:22px 28px;margin-bottom:24px;display:grid}.form-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:20px;margin-top:24px;padding-top:23px;display:flex}.form-footer>span{color:var(--muted);margin-right:auto;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{width:38px;height:38px;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#ffffff15}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.standalone-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding:24px;display:flex}.standalone-state p{color:var(--muted)}@media (max-width:600px){.form-grid{grid-template-columns:1fr;gap:18px}h1{font-size:23px}.button{padding:10px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.admin-shell{--primary:#526650;--primary-hover:#435641;--primary-soft:#e9eee5;--background:#f3f2ed;--text:#303b32;--muted:#687064;--border:#dedfd5;--nav-selected:#dbe3d4;--accent:#8b4542;--gold:#a28a5d;--radius:8px;--academic-font:"Songti SC", "STSong", "SimSun", serif;background:var(--background);min-height:100svh;color:var(--text);display:flex}.sidebar{z-index:40;color:#485642;border-right:1px solid #d9ded1;border-top:3px solid var(--accent);overscroll-behavior:contain;background:#eceee7;flex-direction:column;width:244px;padding:29px 17px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.brand img{width:100%;height:auto;display:block}.brand strong{color:#394a37;letter-spacing:1.8px;font-size:18px;font-family:var(--academic-font);display:block}.sidebar .brand{padding:0 9px}.school-tag{letter-spacing:.3px;color:#63705b;border-bottom:1px solid #d5dacb;padding:8px 9px 22px;font-size:12px}.nav-heading{color:#69745f;letter-spacing:1px;margin:26px 14px 13px;font-size:12px}.nav-link{color:#52624c;border-radius:5px;align-items:center;gap:12px;min-height:47px;margin-bottom:7px;padding:10px 14px;font-size:14px;display:flex}.nav-link:hover{color:#3d523a;background:#e1e6d9}.nav-link.active{background:var(--nav-selected);color:#394f36;font-weight:600;box-shadow:inset 3px 0 #7b8865}.nav-link.active>svg:first-child{color:#596e4c}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:30px 8px 18px}.sidebar-message{color:#8f7d57;background:#f5f5ef;border:1px solid #daddd0;border-radius:6px;align-items:center;gap:12px;padding:19px 13px;display:flex}.sidebar-message p{color:#68705e;font-size:12px;line-height:1.9}.sidebar-message strong{color:#4e5d45;font-weight:400}.mobile-entry{color:#54664b;justify-content:space-between;align-items:center;padding:20px 4px;font-size:12px;display:flex}.sidebar-user{border-top:1px solid #d5dacb;align-items:center;gap:10px;padding-top:19px;display:flex}.avatar{color:#4e6041;background:#dce2d0;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:12px;display:flex}.sidebar-user strong{color:#414e39;font-size:12px;display:block}.sidebar-user small{color:#69755f;font-size:12px}.sidebar-user form{margin-left:auto}.logout{color:#637458}.admin-shell .icon-button:hover{background:#dde3d5}.admin-shell .button.primary{background:var(--primary);color:#fffdf7;border-color:var(--primary);border-radius:5px}.admin-shell .button.primary:hover{background:var(--primary-hover);box-shadow:0 3px 10px #52665018}.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{border-color:#8b9b7a;box-shadow:0 0 0 3px #a7b29226}.admin-shell :focus-visible{outline-color:#79875f}.admin-shell .eyebrow{color:#8b4542;letter-spacing:2.4px}.admin-shell .page-heading h1,.admin-shell .card-heading h2{font-family:var(--academic-font);letter-spacing:1px}.main-area{flex-direction:column;width:calc(100% - 244px);min-width:0;margin-left:244px;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fafaf6;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.breadcrumb{color:#69725f;align-items:center;gap:12px;font-size:12px;display:flex}.topbar-school-logo{display:none}.breadcrumb strong{color:#4e6255;font-weight:500}.account-link{color:#5b7161;border:1px solid var(--border);border-radius:7px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;display:flex}.account-link:hover{background:var(--primary-soft)}.menu-toggle{display:none}.admin-main{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:33px 36px 40px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px}.admin-footer{color:#687565;border-top:1px solid var(--border);justify-content:space-between;padding:19px 36px;font-size:12px;display:flex}.welcome-banner{border-radius:var(--radius);background:#e5eadd;border:1px solid #d3dbc8;border-top:2px solid #a6946c;justify-content:space-between;margin-bottom:23px;padding:29px 32px;display:flex;position:relative;overflow:hidden}.welcome-kicker{letter-spacing:1px;color:#637051;font-size:12px}.welcome-banner h2{font-size:28px;font-family:var(--academic-font);letter-spacing:1px;color:#3e5037;margin:9px 0}.welcome-banner p{color:#5f6a53;font-size:13px}.welcome-banner a{color:#4f6345;align-items:center;gap:14px;margin-top:24px;font-size:12px;font-weight:600;display:inline-flex}.banner-art{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:250px;display:flex;position:relative}.growth-sapling{width:230px;height:auto;margin:-22px 0}.sapling-leaves{transform-origin:151px 165px;animation:7s ease-in-out infinite sapling-sway}@keyframes sapling-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:#fdfdf9;padding:21px 23px;box-shadow:0 2px 6px #39432e04}.stat-card>div{color:#5a6650;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.stat-icon{color:#66774e;background:#e7ece0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card:nth-child(2) .stat-icon{color:#8b5950;background:#f1eae5}.stat-card:nth-child(3) .stat-icon{color:#7c6942;background:#efeadf}.stat-card:nth-child(4) .stat-icon{color:#586f62;background:#e5ece7}.stat-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:600;line-height:1.6;display:block}.stat-card p{color:#6e7d68;margin-top:4px;font-size:12px}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fdfdf9;min-width:0;padding:24px;box-shadow:0 2px 6px #39432e04}.card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.card-heading h2{align-items:center;gap:8px;font-size:15px;display:flex}.card-heading>span,.card-heading>a{color:#637368;align-items:center;gap:6px;font-size:12px;display:flex}.dashboard-grid{grid-template-columns:1fr 1.15fr;gap:23px;display:grid}.quick-links>a{border-bottom:1px solid #f0f3ef;align-items:center;gap:14px;padding:16px 0;display:flex}.quick-links>a:last-child{border-bottom:0}.quick-links>a>svg{color:#899c87;margin-left:auto}.quick-links strong{font-size:13px;font-weight:500;display:block}.quick-links small{color:#6e7d68;margin-top:4px;font-size:12px;display:block}.quick-icon{color:#69774f;background:#e9eddf;border-radius:6px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.quick-links>a:hover strong{color:var(--primary)}.card-note{color:#65755b;background:#f1f1e8;border-radius:8px;margin-top:18px;padding:13px 15px;font-size:12px;line-height:1.8}.activity{border-bottom:1px solid #f0f3ef;gap:12px;padding:17px 0;display:flex}.activity:last-child{border:0}.activity-dot{color:#71805a;background:#e9eddf;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.activity strong{font-size:12px;font-weight:500}.activity p{color:#69786c;overflow-wrap:anywhere;margin-top:4px;font-size:12px}.activity time{white-space:nowrap;color:#6b786d;margin-left:auto;padding-top:3px;font-size:12px}.table-card{padding:0;overflow:hidden}.table-card>.card-heading{padding:23px 25px 0}.count-badge{color:#5f714b;text-align:center;background:#e8ecdf;border:1px solid #d7ddca;border-radius:5px;min-width:26px;padding:0 8px;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:0 25px 23px;display:flex}.filter-bar>label{flex:0 150px}.filter-bar>label.search-input{flex:240px;position:relative}.search-input svg{color:#89978c;position:absolute;top:14px;left:14px}.search-input input{padding-left:42px}.filter-bar select,.filter-bar input{font-size:12px}.text-link{color:#718475;align-items:center;min-height:44px;padding:0 6px;font-size:12px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#62725f;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f0f2e9;padding:14px 23px;font-size:12px;font-weight:500}td{border-bottom:1px solid #edf1ec;padding:18px 23px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f5f6ef}.student-cell{align-items:center;gap:11px;display:flex}.student-avatar{color:#67774e;background:#e6ebdb;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.student-cell strong{font-size:13px;font-weight:600;display:block}.student-cell small,.cell-stack small{color:#6e7d68;margin-top:3px;font-size:12px;display:block}.status-badge{color:#63725b;background:#f0f3ed;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:inline-flex}.status-badge.active{color:#586d42;background:#e5ebda}.status-badge.graduated{color:#4e6b84;background:#eaf0f7}.status-badge.suspended{color:#806a35;background:#faf2e5}.status-badge.withdrawn{color:#965e57;background:#f9eded}.table-action{color:#51775b;align-items:center;gap:5px;min-height:36px;display:inline-flex}.pagination{border-top:1px solid var(--border);color:#637368;justify-content:space-between;align-items:center;gap:12px;padding:17px 25px;font-size:12px;display:flex}.pagination>div{align-items:center;gap:14px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-icon{color:#7a855c;background:#eaedde;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:5px;display:flex}.empty-state h3{font-size:15px;font-weight:500}.empty-state p{color:#6e7d68;max-width:340px;font-size:12px;line-height:1.9}.empty-state .button{margin-top:10px}.back-link{color:#647568;align-items:center;gap:7px;min-height:32px;margin-bottom:21px;font-size:12px;display:inline-flex}.form-card{max-width:960px;padding:27px 30px}.form-card.narrow{max-width:650px}.form-card>.card-heading{border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:19px}.student-profile{border-radius:var(--radius);background:#e9eddf;border:1px solid #d6ddc7;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:29px;display:flex}.student-profile-main{align-items:center;gap:20px;min-width:0;display:flex}.profile-avatar{color:#61734a;background:#dce3cd;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:25px;display:flex}.student-profile h1{align-items:center;gap:15px;display:flex}.student-profile p{color:#65755b;overflow-wrap:anywhere;margin-top:7px;font-size:12px}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.details{margin:0}.details>div{border-bottom:1px solid #f0f3ee;grid-template-columns:95px 1fr;gap:14px;padding:12px 0;font-size:12px;display:grid}.details>div:last-child{border:0}.details dt{color:#637368}.details dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.danger-zone{background:#fffaf8;border:1px solid #eddfd9;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 25px;display:flex}.danger-zone strong{color:#8e5949;font-size:12px}.danger-zone p{color:#806d64;margin-top:4px;font-size:12px}.permission-note{color:#61764f;border-left:3px solid #a6946c;margin-top:24px;padding:7px 19px;font-size:12px}.permission-note p{margin-top:7px;line-height:1.9}.tabular{font-variant-numeric:tabular-nums}.log-action{background:#f0f4ec;border-radius:5px;padding:4px 8px;font-size:12px}.loading-state{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:80px;display:flex}.loading-dot{background:var(--primary);border-radius:50%;width:12px;height:12px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.error-state{text-align:center;padding:50px}.error-state p{color:var(--muted);margin:15px 0 25px}.sidebar-backdrop{display:none}@media (max-width:1200px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.main-area{width:calc(100% - 218px);margin-left:218px}.admin-main{padding:28px 25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:18px}.banner-art,.growth-sapling{width:180px}.activity time{display:none}}@media (max-width:900px){.sidebar{width:244px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#07180f55;border:0;display:block;position:fixed;inset:0}.main-area{width:100%;margin:0}.menu-toggle{color:#526a58;display:flex}.topbar{height:62px}.topbar-school-logo{width:165px;height:auto;display:block}.breadcrumb-root{display:none}.stats-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media (max-width:600px){.admin-main{padding:23px 16px}.topbar{padding:0 15px}.account-link{border:0}.breadcrumb{gap:8px}.breadcrumb>strong,.breadcrumb>svg{display:none}.topbar-school-logo{width:150px}.account-link>svg{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:17px}.page-heading p{font-size:12px}.page-heading>.button{width:100%}.welcome-banner{padding:23px}.welcome-banner h2{font-size:22px}.banner-art{display:none}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-card>strong{font-size:29px}.stat-card p{font-size:12px}.stat-icon{width:29px;height:29px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.card{padding:20px}.table-card{padding:0}.table-card>.card-heading{padding:20px 17px 0}.filter-bar{gap:9px;padding:0 17px 18px}.filter-bar>label.search-input{flex-basis:100%}.filter-bar>label{flex:40%}.filter-bar>.button{flex:1}.pagination{padding:16px;font-size:12px}.pagination>div{gap:8px}.pagination .small{padding:6px}.admin-footer{flex-direction:column;gap:4px;padding:16px}.form-card{padding:22px 18px}.student-profile{flex-direction:column;align-items:flex-start;padding:21px}.student-profile>.button{width:100%}.profile-avatar{border-radius:16px;width:55px;height:55px;font-size:22px}.student-profile-main{gap:14px}.student-profile h1{font-size:22px}.student-profile .eyebrow{font-size:9px}.danger-zone{flex-direction:column;align-items:flex-start;padding:20px}}
.mobile-page{background:#f7f9f1;max-width:480px;min-height:100svh;margin:0 auto;padding:0 22px 110px;position:relative;box-shadow:0 0 60px #29433208}.mobile-header{justify-content:space-between;align-items:center;padding:25px 0 16px;display:flex}.mobile-header>div{flex-direction:column;gap:3px;display:flex}.mobile-school{color:#697752;letter-spacing:2px;font-size:12px}.mobile-header strong{color:#476041;letter-spacing:.5px;font-size:15px}.mobile-header>a{color:#869877;background:#fff9;border:1px solid #e3e8d8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.preview-label{color:#73764f;text-align:center;letter-spacing:.2px;background:#efefe2;border-radius:6px;padding:8px 12px;font-size:12px}.mobile-tree-section{text-align:center;padding:31px 0 15px}.mobile-tree-section .eyebrow{letter-spacing:3px;color:#697752;font-size:9px}.mobile-tree-section h1{color:#37533a;margin:7px 0;font-size:25px;font-weight:500}.mobile-tree-section>p{color:#647550;letter-spacing:3px;margin:10px 0;font-size:12px}.growth-tree{width:100%;height:auto;margin-top:-4px;overflow:visible}.tree-canopy{transform-origin:180px 200px;animation:6s ease-in-out infinite tree-sway}.tree-mote{animation:4s ease-in-out infinite mote-float}.tree-stage{color:#899670;background:#eaf0dd;border-radius:20px;margin-top:-10px;padding:6px 16px;font-size:12px;display:inline-block}.mobile-card{background:#fffdf7;border:1px solid #e4e8d6;border-radius:17px;margin-top:12px;padding:23px}.mobile-card-label{letter-spacing:2px;color:#77734d;font-size:9px}.mobile-card h2{color:#476343;margin:9px 0;font-size:16px;font-weight:500}.mobile-card p{color:#687751;font-size:12px;line-height:1.9}.mobile-card a{color:#617d50;border-top:1px solid #edf0e3;justify-content:space-between;align-items:center;margin-top:17px;padding-top:17px;font-size:12px;display:flex}.mobile-note{color:#6b7a51;align-items:center;gap:10px;margin:23px 5px;font-size:12px;line-height:1.9;display:flex}.mobile-admin-link{color:#697752;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.mobile-nav{width:min(100%,480px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fcfdf7f5;border-top:1px solid #e5e9db;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav>a{color:#697752;flex-direction:column;align-items:center;gap:5px;min-width:60px;min-height:44px;font-size:9px;display:flex}.mobile-nav>a.active{color:#4c7344;font-weight:600}.mobile-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:60svh;padding:45px 10px;display:flex}.mobile-placeholder h1{color:#486943;font-size:23px}.mobile-placeholder>p{color:#667552;font-size:13px;line-height:2}.mobile-placeholder .notice{color:#657550;margin:0;font-size:12px}.mobile-placeholder .button{margin-top:7px}@keyframes tree-sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@keyframes mote-float{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.9;transform:translateY(-10px)}}
.login-page{background:#fafbf8;grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.login-story{isolation:isolate;color:#fff;background:#173d2c;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;padding:clamp(28px,4vw,64px);display:flex;position:relative;overflow:hidden}.login-campus-photo{object-fit:cover;object-position:52% center;z-index:-2}.login-photo-shade{z-index:-1;background:linear-gradient(#09271970 0%,#09271908 38%,#092719d9 100%);position:absolute;inset:0}.login-school-brand{align-self:flex-start;align-items:center;padding:4px 0;display:inline-flex}.login-school-brand img{width:clamp(220px,23vw,320px);height:auto}.login-story-copy{margin-top:auto;padding:56px 0 35px}.login-story .eyebrow{color:#e6e5c3;letter-spacing:3px;margin-bottom:17px;font-size:12px;font-weight:400}.login-story h1{letter-spacing:1px;color:#fff;text-shadow:0 2px 16px #09271938;font-size:clamp(32px,3.25vw,50px);font-weight:500;line-height:1.5}.login-story-copy p{color:#e0e8db;margin-top:20px;font-size:13px;line-height:2}.login-story-footer{color:#dae4d8;letter-spacing:1px;border-top:1px solid #ffffff30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:21px;font-size:11px;display:flex}.login-story-footer span:last-child{letter-spacing:1.6px;font-size:8px}.login-panel{overscroll-behavior:contain;background:radial-gradient(at 100% 0,#eaf0e540,#0000 65%),#fcfdfb;flex-direction:column;min-width:0;min-height:0;padding:64px clamp(28px,4vw,72px) 52px;display:flex;position:relative;overflow-y:auto}.login-preview{color:#667360;align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex;position:absolute;top:18px;right:28px}.login-preview:hover{color:var(--primary)}.login-form-wrap{flex-shrink:0;width:100%;max-width:350px;margin:auto}.login-badge{color:#6a7f55;align-items:center;gap:7px;margin-bottom:16px;font-size:12px;display:inline-flex}.login-form-wrap h2{color:#233e2e;letter-spacing:.8px;font-size:30px;font-weight:600;line-height:1.4}.login-subtitle{color:#697565;margin:11px 0 31px;font-size:13px}.login-panel .form-stack{gap:19px}.login-panel .field{gap:8px}.login-panel input{background:#fff;border-color:#dfe6da;border-radius:9px;height:48px;padding:11px 14px;font-size:14px}.login-panel input::placeholder{color:#7c8677}.login-panel .button{border-radius:9px;min-height:48px;margin-top:3px;font-size:14px}.login-help{color:#6c7766;border-top:1px solid #e5eadf;margin-top:24px;padding-top:20px;font-size:12px;line-height:1.9}.login-copyright{text-align:center;color:#717b69;flex-shrink:0;margin-bottom:-27px;padding-top:28px;font-size:11px;line-height:1.5}@media (max-width:1000px) and (min-width:721px){.login-page{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.login-story{padding:28px}.login-story-footer span:last-child{display:none}.login-story h1{font-size:30px}}@media (max-width:720px){.login-page{grid-template-rows:clamp(100px,18dvh,160px) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.login-story{justify-content:center;padding:20px 26px}.login-campus-photo{object-position:50% 42%}.login-photo-shade{background:linear-gradient(90deg,#092719b8,#09271940)}.login-school-brand img{width:238px}.login-story-copy,.login-story-footer{display:none}.login-panel{padding:24px 28px 22px}.login-panel input{font-size:16px}.login-form-wrap{max-width:380px}.login-badge{margin-bottom:12px;font-size:11px}.login-form-wrap h2{font-size:26px}.login-subtitle{margin:8px 0 23px;font-size:12px}.login-help{margin-top:18px;padding-top:15px}.login-help-break{display:none}.login-preview{min-height:32px;font-size:11px;top:18px;right:25px}.login-copyright{margin:0;padding-top:22px;font-size:10px}}@media (max-height:700px){.login-story-copy{padding-top:20px;padding-bottom:22px}.login-story-copy p{margin-top:13px}.login-panel{padding-top:44px;padding-bottom:24px}.login-badge{margin-bottom:10px}.login-subtitle{margin-bottom:22px}.login-help{margin-top:18px;padding-top:14px}.login-copyright{margin-bottom:0;padding-top:20px}}@media (max-width:720px) and (max-height:700px){.login-page{grid-template-rows:90px minmax(0,1fr)}.login-story{padding:15px 25px}.login-school-brand img{width:220px}.login-panel{padding:21px 26px 16px}.login-badge{display:none}.login-form-wrap h2{font-size:25px}.login-subtitle{margin-bottom:22px}.login-panel .form-stack{gap:15px}.login-panel .field{gap:6px}.login-panel input,.login-panel .button{height:44px;min-height:44px}.login-copyright{padding-top:16px}.login-preview{order:2;align-self:center;min-height:28px;margin-top:5px;position:static}}@media (max-width:360px) and (max-height:700px){.login-panel{padding-bottom:12px}.login-copyright{padding-top:12px}}@media (max-width:720px) and (max-height:550px){.login-page{grid-template-rows:72px minmax(0,1fr)}.login-panel{padding:16px 24px}.login-school-brand img{width:200px}.login-help{margin-top:14px;padding-top:12px}.login-copyright{padding-top:14px}}
.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.task-admin-card h2{font-family:var(--academic-font);margin-bottom:14px;font-size:20px}.task-admin-card .muted{margin-top:10px}.text-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.task-counts{border-block:1px solid var(--border);align-items:center;gap:24px;margin:22px 0;padding:15px 0;display:flex}.task-counts strong{font-size:22px}.task-counts small{color:var(--muted);font-size:12px;font-weight:400}.task-counts .text-link{margin-left:auto}.compact-form{margin-top:20px}.compact-form .button{min-height:36px;font-size:12px;color:#53634c!important;background:#edf0e8!important;border-color:#d9dfce!important}.workflow-tabs{border-bottom:1px solid var(--border);gap:8px;margin:0 0 24px;display:flex}.workflow-tabs a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;padding:10px 20px}.workflow-tabs a.active{color:var(--primary);border-color:var(--primary);font-weight:600}.review-list{gap:24px;max-width:980px;display:grid}.review-evidence{border:1px solid var(--border);background:#f5f6ef;border-radius:6px;gap:18px;margin:20px 0;padding:20px;display:grid}.review-evidence h3{margin-bottom:8px;font-size:13px}.mentor-detail{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px;display:grid}.mentor-feedback-card{align-self:start}.mentor-feedback-card>.muted{margin:12px 0 22px}.goal-card{margin-bottom:22px}.goal-card>.muted{margin:12px 0}.goal-progress{background:#e5e9de;border-radius:6px;height:5px;margin:14px 0 6px;overflow:hidden}.goal-progress>span{background:#7a8d61;border-radius:6px;height:100%;transition:width .5s;display:block}.progress-caption{color:#53694a;font-size:13px}.goal-steps{counter-reset:steps;margin:24px 0 0;padding:0;list-style:none}.goal-steps>li{counter-increment:steps;border-top:1px solid var(--border);padding:17px 0}.step-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.step-heading strong{font-size:13px}.step-heading strong:before{content:counter(steps) ". ";color:#8a9874}.step-heading span{color:#647552;white-space:nowrap;font-size:12px}details{margin-top:16px}summary{cursor:pointer;color:#53694a;min-height:44px;padding:10px 0;font-size:13px;font-weight:600}details .form-stack{margin-top:12px}.checkbox-field{align-items:center;gap:9px;display:flex}.checkbox-field input{width:18px;height:18px;min-height:18px}.cell-note{display:block}.growth-timeline>article{gap:15px;padding:0 0 25px;display:flex;position:relative}.growth-timeline>article:before{content:"";background:#dde3d2;width:1px;position:absolute;top:15px;bottom:0;left:5px}.growth-timeline>article:last-child:before{display:none}.timeline-dot{background:#8a9e71;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:7px}.timeline-dot.part-water{background:#809b91}.timeline-dot.part-flower{background:#b28a81}.timeline-dot.part-fruit{background:#b5a16b}.timeline-meta{color:#68745d;font-size:11px}.growth-timeline h3{margin:7px 0;font-size:14px}.growth-timeline small{color:#68745d;margin-top:8px;font-size:12px;display:block}.empty-copy{color:#66725e;padding:15px 0;font-size:13px;line-height:1.9}.mobile-live{--primary:#526650;--primary-hover:#435641;--primary-soft:#e9eee5;--border:#dfe3d5;--text:#34432f;background:#f4f5ed;padding-inline:22px}.mobile-live .mobile-header{padding-top:22px}.mobile-live .mobile-header .mobile-school-brand{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:9px;width:auto;height:auto;display:flex}.mobile-school-brand img{width:200px;height:auto}.mobile-school-brand span{color:#596c4c;letter-spacing:2px;font-size:12px}.mobile-live .mobile-header .mobile-account{color:#596c4c;width:44px;height:44px}.learner-greeting{color:#6b765f;margin:7px 0 0;font-size:12px}.mobile-live h1,.mobile-live h2{font-family:Songti SC,STSong,SimSun,serif}.mobile-live .mobile-tree-section{padding-top:24px}.mobile-live .mobile-tree-section h1{letter-spacing:1px;font-size:26px}.living-tree-wrap{position:relative}.living-tree-button{background:0 0;border:0;border-radius:50%;width:100%;margin:0;padding:0;display:block}.living-tree-button:focus-visible{outline-offset:0;outline:2px solid #7c8e63}.living-tree{width:100%;height:auto;display:block;overflow:visible}.living-canopy{transform-origin:0 -70px;animation:7s ease-in-out infinite living-sway}.living-leaf{transform-origin:0 0;animation:.8s both leaf-unfold}.ambient-motes{animation:5s ease-in-out infinite ambient-float}.energy-flight circle{animation:1.6s ease-out both energy-rise}.energy-arrival{color:#647447;background:#fffdf2e8;border-radius:30px;padding:9px;font-size:12px;animation:.5s ease-out both arrival-reveal;position:absolute;top:14px;left:12px;right:12px;box-shadow:0 3px 15px #75865516}.tree-live-label{color:#657351;margin:0 0 20px;font-size:11px;display:block}.mobile-live .tree-stage{color:#566845;background:#e7ebdd}.mobile-live .tree-caption{letter-spacing:.5px;color:#6e775f;margin-top:12px;font-size:11px}.mobile-growth-stats{border-block:1px solid #dce2d0;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;padding:18px 0;display:grid}.mobile-growth-stats>div{color:#677a54;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;display:grid}.mobile-growth-stats strong{color:#3d5636;font-family:Georgia,serif;font-size:24px}.mobile-growth-stats span{text-align:center;color:#68765e;grid-column:1/-1;margin-top:4px;font-size:11px}.mobile-task-entry{color:#50663f;background:#e7ecdb;border:1px solid #d4ddc5;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 20px;padding:18px 20px;display:flex}.mobile-task-entry strong{font-size:14px}.mobile-task-entry span{margin-top:4px;font-size:11px;display:block}.mobile-live .mobile-card{border-radius:10px;margin-bottom:18px;padding:21px}.mobile-live .mobile-card h2{font-size:18px}.mobile-live .mobile-card-label{font-size:11px}.mobile-page-heading{padding:22px 0}.mobile-page-heading h1{color:#3e5235;font-size:25px;line-height:1.6}.mobile-page-heading p{color:#657351;margin-top:9px;font-size:12px}.mobile-live .back-link{margin:10px 0 0}.mobile-live .form-stack{gap:17px;margin-top:18px}.mobile-live .field>label{color:#506046;font-size:13px;font-weight:600}.mobile-live input,.mobile-live select,.mobile-live textarea,.student-login input{font-size:16px}.mobile-live input[type=file]{width:100%;font-size:12px}.mobile-live .field small{color:#6b775d;font-size:11px;line-height:1.8}.mobile-live .card-note{background:#eef1e3}.mobile-live .goal-card{background:#fffdf7;padding:21px}.mobile-live .goal-card>.card-heading{flex-wrap:wrap;margin-bottom:12px}.mobile-live .goal-card>.card-heading h2{font-size:18px}.mobile-live .goal-card .form-stack .button{width:100%}.mobile-live .mobile-card p.text-content{margin:8px 0 15px}.task-mobile-card{display:block}.mobile-card.task-mobile-card{border-top:1px solid #e4e8d6;margin-top:14px;padding-top:18px}.task-mobile-meta{color:#6c765c;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.task-mobile-meta:last-child{border-top:1px solid #e6eadd;margin-top:15px;padding-top:15px}.task-mobile-meta strong{color:#6e7d4a}.task-mobile-card h2{margin:13px 0 10px}.task-mobile-card>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.energy-row{border-bottom:1px solid #e5e9db;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.energy-row strong{color:#506144;font-size:12px;font-weight:500}.energy-row small{color:#6b775d;margin-top:3px;font-size:11px;display:block}.energy-row b{color:#7b8753;font-family:Georgia,serif;font-size:19px}.guide-steps{color:#657351;padding-left:20px;font-size:13px;line-height:2}.guide-part{border-bottom:1px solid #e5e9db;padding:13px 0}.guide-part strong{color:#516447;font-size:13px}.student-login{color:#425339;background:#f4f5ed;max-width:480px;min-height:100dvh;margin:0 auto;padding:30px 32px}.student-login-logo{width:240px;max-width:100%;height:auto}.student-login-art{justify-content:center;margin:10px 0 6px;display:flex}.student-login-art .growth-sapling{width:180px;margin:0}.student-login h1{margin-bottom:10px;font-family:Songti SC,STSong,SimSun,serif;font-size:26px}.student-login>p{color:#657351;font-size:12px}.student-login .form-stack{margin:26px 0 22px}.student-login .button.primary{background:#526650}.student-login .login-account-help{font-size:11px;line-height:1.8}.student-demo-entry{min-height:48px;margin-bottom:16px}.student-demo-dialog{border:1px solid var(--border);background:var(--surface);width:min(440px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);overscroll-behavior:contain;border-radius:20px;padding:20px;box-shadow:0 24px 80px #23362c30}.student-demo-dialog::backdrop{background:#17251dcc}.student-demo-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.student-demo-heading h2{font-size:19px}.student-demo-close{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.student-demo-dialog>p,.student-demo-status{color:var(--primary);font-size:13px;line-height:1.8}.student-demo-accounts{gap:12px;margin-top:20px;display:grid}.student-demo-account{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:88px;color:var(--primary);text-align:left;align-items:center;gap:12px;padding:14px 12px;display:flex}.student-demo-account:hover,.student-demo-account:active,.student-demo-close:hover{background:var(--primary-soft)}.student-demo-entry:focus-visible,.student-demo-account:focus-visible,.student-demo-close:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.student-demo-avatar{background:var(--primary-soft);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:grid}.student-demo-details{overflow-wrap:anywhere;flex:1;gap:3px;min-width:0;font-size:12px;display:grid}.student-demo-name{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:16px;font-weight:600;display:flex}.student-demo-scenario{background:var(--primary-soft);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:400}.student-demo-status,.student-demo-disclaimer{margin-top:16px}@media (prefers-reduced-motion:reduce){.student-demo-account,.student-demo-close,.student-demo-entry{transition:none}.student-demo-account .spin{animation:none}}@keyframes living-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes leaf-unfold{0%{opacity:0;transform:scale(.25)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ambient-float{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-12px)}}@keyframes energy-rise{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-145px)}}@keyframes arrival-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.workflow-grid,.mentor-detail{grid-template-columns:1fr}.mentor-feedback-card{order:-1}}@media (max-width:380px){.mobile-live{padding-inline:17px}.mobile-school-brand img{width:180px}.mobile-live .mobile-card,.mobile-live .goal-card{padding:18px}.student-login{padding:25px}}.living-trunk{transition:transform .8s}@media (prefers-reduced-motion:reduce){.living-canopy,.living-leaf,.ambient-motes,.energy-flight circle,.energy-arrival{animation:none!important}.energy-flight{display:none}.living-trunk,.goal-progress>span{transition:none}}.review-history{margin:16px 0}.review-history-entry{border-bottom:1px solid var(--border);padding:18px 0}.teacher-filter{flex-wrap:wrap;align-items:end;gap:16px;padding:0 24px 22px;display:flex}.teacher-roster th,.teacher-roster td{padding-inline:16px}.teacher-roster .cell-note{white-space:normal;max-width:165px}.growth-dimensions .dimension-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.dimension-heading>strong{color:#526650;font-family:Georgia,serif;font-size:32px;font-weight:400}.dimension-heading>strong small{font-family:Arial,sans-serif;font-size:13px}.mobile-task-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin:0 0 12px;display:grid}.mobile-task-filters .field{min-width:0}.mobile-task-filters .field>label{font-size:12px}.mobile-task-filters .button{min-height:44px;padding-inline:13px}.mobile-filter-count{color:#657351;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;display:flex}.mobile-filter-count a{color:#526650;text-underline-offset:3px;padding:12px 8px;text-decoration:underline}@media (max-width:380px){.mobile-task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-task-filters .button{grid-column:1/-1}}.mobile-live .growth-dimensions h2{margin-top:5px;font-size:17px}.dimension-caption{color:#657351;font-size:12px}.growth-dimensions>.dimension-caption{margin-top:9px}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:22px;display:grid}.dimension-cell{--dimension-color:#72855e;min-width:0}.dimension-boxue{--dimension-color:#7b8e9a}.dimension-xiushen{--dimension-color:#a18a66}.dimension-lixing{--dimension-color:#9a7770}.dimension-label{justify-content:space-between;align-items:center;gap:5px;display:flex}.dimension-label>span{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.dimension-label strong{color:#53664a;font-family:Georgia,serif;font-size:16px;font-weight:400}.dimension-label strong small{font-family:Arial,sans-serif;font-size:10px}.dimension-progress{background:#e9ecdf;border-radius:4px;height:5px;margin:12px 0 6px;overflow:hidden}.dimension-progress>span{border-radius:inherit;background:var(--dimension-color);height:100%;display:block}.dimension-cell .dimension-caption{justify-content:space-between;gap:5px;font-size:11px;display:flex}.mobile-live .growth-dimensions .dimension-footnote{color:#697660;border-top:1px solid #e5e8db;margin:18px 0 0;padding-top:12px;font-size:11px;line-height:1.8}.teacher-filter .field:first-child{flex:1;min-width:230px}.teacher-filter .field:nth-child(2){min-width:150px}.teacher-section-title{border-top:1px solid var(--border);padding-top:16px}.teacher-section-title h3{font-size:15px}.teacher-section-title p{color:var(--muted);margin-top:6px;font-size:13px}.teacher-detail-grid{margin-bottom:24px}.teacher-students-card{margin-top:24px}.teacher-students-card .button.small{min-height:44px}.teacher-selection-heading{color:var(--primary);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.teacher-student-options{border:1px solid var(--border);border-radius:var(--radius);max-height:340px;overflow-y:auto}.teacher-student-options .empty-copy{padding-inline:18px}.teacher-student-option{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;min-height:64px;padding:14px 18px;transition:background .18s;display:flex}.teacher-student-option:last-child{border-bottom:0}.teacher-student-option:hover{background:var(--primary-soft)}.teacher-student-option.selected{background:#edf1e7}.teacher-student-option input{width:18px;height:18px;min-height:18px;accent-color:var(--primary);flex-shrink:0}.teacher-student-option>span{flex:1;min-width:0}.teacher-student-option strong{font-size:13px;display:block}.teacher-student-option strong small{padding-left:8px;font-weight:400}.teacher-student-option span>span,.teacher-student-option small{color:var(--muted);font-size:12px}.teacher-student-option>small{max-width:200px}.teacher-student-option span>span{margin-top:4px;display:block}@media (max-width:650px){.teacher-filter{align-items:stretch}.teacher-filter .field{flex:100%}.teacher-student-option{flex-wrap:wrap;gap:10px;padding:14px 12px}.teacher-student-option>small{width:100%;max-width:none;padding-left:28px}.teacher-student-option strong small{padding-left:0;display:block}}
.growth-home{--primary:#2d5845;--primary-hover:#214634;--primary-soft:#edf2e8;--text:#2c4237;--muted:#657264;--border:#e5e8dc;--growth-gold:#9b783c;--growth-paper:#fafaf4;background:radial-gradient(ellipse 100% 500px at 50% 300px, #f0f3e5, transparent), var(--growth-paper);padding-inline:24px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.growth-home .mobile-header{padding:calc(20px + env(safe-area-inset-top)) 0 14px;border-bottom:1px solid var(--border)}.growth-home .mobile-school-brand img{width:178px}.growth-home .mobile-school-brand span{letter-spacing:3px;color:var(--muted);font-size:10px}.growth-home .mobile-header .mobile-account{border:1px solid var(--border);width:44px;height:44px;color:var(--primary);background:#fffdf8;box-shadow:0 3px 10px #334d2a04}.growth-welcome{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:12px;display:flex}.growth-home .learner-greeting{color:var(--muted);margin:0}.growth-welcome-note{align-items:center;gap:6px;font-size:10px;display:flex}.growth-welcome-note>span{background:#6e895a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #6e895a10}.growth-home .mobile-tree-section{padding:18px 0 0}.growth-home .mobile-tree-section .eyebrow{color:#788166;letter-spacing:2.4px;font-size:9px}.growth-home .mobile-tree-section h1{color:#2f4837;letter-spacing:1px;margin:9px 0 0;font-size:clamp(27px,7.6vw,34px);font-weight:500}.growth-home .mobile-tree-section h1>span{color:#557643}.growth-home .mobile-tree-section .growth-hero-copy{color:var(--muted);letter-spacing:2px;margin:9px 0 12px;font-size:12px}.growth-stage-tag{color:#47613b;background:#fffef8b3;border:1px solid #dfe6d2;border-radius:30px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;display:inline-flex}.growth-stage-tag>span{color:var(--muted);border-left:1px solid #dfe6d2;margin-left:3px;padding-left:9px;font-size:10px}.growth-home .living-tree-wrap{margin-top:4px}.growth-home .living-tree-button{touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:24px}.growth-home .living-tree-button[data-dragging=true]{cursor:grabbing}.tree-viewport{isolation:isolate;height:clamp(285px,78vw,350px);margin:0 -12px;position:relative}.living-tree-wrap[data-growth-stage="0"] .tree-viewport{height:clamp(170px,44vw,200px)}.living-tree-wrap[data-growth-stage="1"] .tree-viewport{height:clamp(210px,55vw,245px)}.living-tree-wrap[data-growth-stage="2"] .tree-viewport{height:clamp(250px,67vw,300px)}.tree-viewport:before{content:"";z-index:-1;background:radial-gradient(#e2e8ce80,#f3f4e800 70%);width:90%;height:85%;position:absolute;top:0;left:5%}.tree-scene,.tree-poster{position:absolute;inset:0}.tree-scene{z-index:1}.tree-scene canvas{width:100%;height:100%;display:block}.tree-poster{pointer-events:none;z-index:2;transition:opacity .5s}.tree-poster svg,.tree-poster img{object-fit:contain;width:100%;height:100%;display:block}.tree-scene[data-tree-state=ready]+.tree-poster{opacity:0;visibility:hidden}.tree-scene[data-tree-state=fallback] canvas{visibility:hidden}.tree-touch-hint{z-index:3;color:#687455;letter-spacing:.6px;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:100%;min-height:16px;margin:12px auto 0;font-size:10px;display:flex;position:relative}.tree-story{color:#6b765e;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:10px;display:flex}.tree-story>span{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.tree-story i{background:#a9b091;border-radius:50%;width:3px;height:3px}.growth-home .energy-arrival{z-index:4;color:var(--primary);border:1px solid #dfe6d2;top:24px}.growth-stage-progress{padding:18px 8px}.growth-stage-progress>div:first-child{color:#405c3b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.growth-stage-progress>div:first-child>span{align-items:center;gap:7px;display:flex}.growth-stage-progress small{color:#6b765e;font-size:9px}.growth-stage-track{background:#e3e8d9;border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.growth-stage-track>span{border-radius:inherit;background:linear-gradient(90deg,#93a579,#597443);height:100%;transition:width .7s;display:block}.growth-home .mobile-growth-stats{background:#fffefa;border:1px solid #e5e7da;border-radius:18px;gap:0;margin:0 0 16px;padding:17px 0;box-shadow:0 7px 24px #334d2a05}.growth-home .mobile-growth-stats>div{color:#67805c;column-gap:6px;position:relative}.growth-home .mobile-growth-stats>div+div{border-left:1px solid #e8ebdf}.growth-home .mobile-growth-stats strong{color:var(--primary);font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2}.growth-home .mobile-growth-stats span{color:var(--muted);margin-top:9px;font-size:10px}.growth-home .mobile-task-entry{color:#f6f8ed;background:linear-gradient(110deg,#30513c,#486544);border:0;border-radius:17px;margin:0 0 25px;padding:18px 16px;position:relative;box-shadow:0 7px 18px #244c3212}.growth-home .mobile-task-entry>div{flex:1}.growth-home .mobile-task-entry strong{font-size:14px;font-weight:500}.growth-home .mobile-task-entry span{color:#dce6d4;margin-top:4px;font-size:10px}.growth-home .mobile-task-entry .growth-task-icon{color:#dee7b4;background:#edf4d814;border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;margin:0;display:grid}.growth-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 2px 12px;display:flex}.growth-home .growth-section-heading h2{letter-spacing:.5px;font-size:19px;font-weight:500}.growth-section-heading a{color:var(--muted);align-items:center;gap:4px;min-height:44px;font-size:11px;display:flex}.growth-home .mobile-card{background:#fffefa;border:1px solid #e5e7da;border-radius:18px;margin:0 0 16px;padding:21px;box-shadow:0 5px 20px #334d2a03}.growth-home .mobile-card h2{color:#36513e;font-size:18px;font-weight:500;line-height:1.6}.growth-home .mobile-card p{color:#65735e;font-size:12px}.growth-home .mobile-card-label{color:var(--growth-gold);letter-spacing:1px;align-items:center;gap:6px;font-size:10px;display:flex}.growth-home .mobile-card a{min-height:44px;color:var(--primary);border-color:#e8ebdf;font-size:12px}.growth-home .growth-dimensions h2{font-family:inherit;font-size:15px;font-weight:500}.growth-home .dimension-heading>strong{color:var(--primary);font-size:31px}.growth-home .dimension-grid{gap:14px;margin-top:18px}.growth-home .dimension-cell{background:#f9faf4;border:1px solid #e8ebdf;border-radius:12px;padding:13px 10px}.growth-home .dimension-label>span{color:#3f583c;gap:5px;font-size:12px}.growth-home .dimension-label strong{font-size:14px}.growth-home .dimension-label strong small{display:none}.growth-home .dimension-progress{height:4px;margin:14px 0 8px}.growth-home .dimension-cell .dimension-caption{font-size:9px}.growth-home .growth-dimensions .dimension-footnote{color:#6b755f;border:0;margin-top:14px;padding-top:0;font-size:10px}.growth-home .mentor-note{background:linear-gradient(120deg,#edf1e4,#f4f5ec);border-color:#dfe5d3;position:relative}.growth-home .mentor-note h2{font-size:16px}.growth-home .mentor-note p{line-height:2}.growth-home .mobile-nav{background:#fffef8ee;border-top:1px solid #e5e8dc;padding-top:13px}.growth-home .mobile-nav>a{color:#6c7867;gap:5px;font-size:10px}.growth-home .mobile-nav>a.active{color:#365c40}.growth-home .mobile-nav>a.active svg{box-sizing:content-box;background:#eaf0df;border-radius:10px;margin-top:-6px;margin-bottom:-6px;padding:6px 15px}.growth-home a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.growth-home .mobile-task-entry:hover{background:linear-gradient(110deg,#264532,#3d5b39)}@media (max-width:360px){.growth-home{padding-inline:18px}.growth-home .mobile-school-brand img{width:164px}.growth-welcome-note{font-size:9px}.growth-stage-progress{padding-inline:0}.growth-stage-progress>div:first-child>span{gap:4px}.growth-home .dimension-cell{padding:11px 8px}.growth-home .mobile-task-entry{gap:9px;padding-inline:12px}.growth-home .mobile-task-entry strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.tree-poster,.growth-stage-track>span{transition:none}}

