@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--ink:#113e41;--muted:#6e8a8b;--teal:#007f76;--teal-dark:#075e59;--mint:#daf4e9;--peach:#fff0e4;--pink:#ffe5e9;--surface:rgba(255,255,255,.79);--shadow:0 18px 60px rgba(38,92,89,.09);--radius:26px;--line:rgba(183,219,211,.47)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:linear-gradient(125deg,#f6f9f7 0%,#e9f8f4 46%,#fff8f0 100%);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:transform .2s,background .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{outline:0;max-width:100%}a{color:var(--teal)}.orb{position:fixed;z-index:-1;pointer-events:none;filter:blur(22px);border-radius:50%;opacity:.7}.orb-one{height:500px;width:500px;left:-200px;top:-200px;background:radial-gradient(circle,#b3f0db,transparent 70%);animation:drift 13s ease-in-out infinite}.orb-two{height:520px;width:520px;right:-210px;top:180px;background:radial-gradient(circle,#ffe5d5,transparent 70%);animation:drift 16s ease-in-out infinite reverse}@keyframes drift{50%{transform:translate(26px,35px)}}.glass{background:linear-gradient(135deg,rgba(255,255,255,.89),rgba(255,255,255,.61));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);border-radius:var(--radius)}.shell{max-width:1530px;margin:auto;min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);gap:23px;padding:19px 24px}.sidebar{position:sticky;top:19px;height:calc(100dvh - 38px);display:flex;flex-direction:column;padding:25px 15px;overflow:auto}.brand{display:flex;gap:11px;align-items:center;margin:0 8px 30px}.brandmark{background:linear-gradient(155deg,#158c80,#075450);border-radius:16px;width:46px;height:46px;display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 8px 16px #16897930}.brandtext{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-1px;font-size:20px;line-height:1.1}.brandsub{font-size:10px;color:#61aaa1;letter-spacing:2px;margin-top:5px;font-weight:800}.tinylabel{color:#7d9b99;font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.navgroup{display:grid;gap:4px}.nav{width:100%;border:0;background:transparent;text-align:left;padding:13px;border-radius:16px;display:flex;gap:11px;align-items:center;color:#648183;font-weight:750;font-size:12px}.nav.active{background:#ddf3eb;color:#056c65}.navicon{font-size:18px;width:22px;text-align:center}.sidebarfoot{margin-top:auto;padding:20px 14px;border-radius:19px;background:linear-gradient(140deg,#e0f7ef,#fff5eb);color:#477d77;line-height:1.65;font-size:11px}.sidebarfoot strong{display:block;color:var(--ink);font-size:13px;margin-bottom:8px}.workspace{min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:73px;margin-bottom:15px}.top-left{display:flex;align-items:center;gap:8px}.top-logo{display:none}.top-actions{display:flex;align-items:center;gap:9px}.tag,.iconbutton{border:1px solid white;background:rgba(255,255,255,.71);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);padding:10px 13px;min-height:41px;font-weight:800;font-size:11px;border-radius:15px}.iconbutton{font-size:19px;min-width:41px;padding:9px}.role-select{border:0;max-width:180px;background:none;color:var(--teal);font-weight:800;cursor:pointer}.main{padding-bottom:35px;animation:appear .4s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.content-width{max-width:1220px}.hero{position:relative;overflow:hidden;border:1px solid white;border-radius:31px;background:linear-gradient(110deg,rgba(229,248,240,.95),rgba(253,247,239,.91));box-shadow:var(--shadow);min-height:290px;display:flex;align-items:center;padding:36px}.hero:before{content:'';position:absolute;right:0;top:-125px;width:450px;height:450px;border-radius:50%;border:68px solid rgba(255,255,255,.28)}.hero:after{content:'';position:absolute;width:300px;height:300px;background:#c6e6d9;filter:blur(60px);right:23%;top:-140px;opacity:.6}.hero-copy{position:relative;z-index:2;max-width:67%}.hero h1{font-size:clamp(29px,3vw,41px);line-height:1.2;margin:12px 0}.hero p{font-size:13px;line-height:1.8;color:#698580;max-width:450px}.hero-art{position:absolute;right:5%;bottom:-15px;height:300px;width:auto;max-width:43%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 24px rgba(26,90,83,.13));animation:rise 1.2s ease both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.accent{color:var(--teal)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#67a397;text-transform:uppercase}.stack{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card{padding:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-head h2{font-size:18px}.section-head p{font-size:11px;color:var(--muted);margin-top:5px}.spacer{margin-top:17px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.micro{font-size:10px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(120deg,#0c8980,#075f5a);padding:13px 18px;border-radius:15px;min-height:45px;color:white;font-weight:800;font-size:12px;box-shadow:0 9px 20px #17887c26}.button.soft{background:#e1f6ee;color:#086d65;box-shadow:none}.button.outline{background:#fff;color:#076d66;box-shadow:none;border:1px solid #d4e8e2}.button.danger{background:#b34b45}.button.block{width:100%}.button.smallbutton{font-size:11px;min-height:35px;padding:8px 12px}.hero-actions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.num{font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.stat{display:flex;gap:12px;align-items:center;min-height:104px}.stat-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#dff6ed;font-size:20px;flex:none}.stat-icon.orange{background:#fff0e5}.stat-icon.blue{background:#e7f0ff}.stat-icon.pink{background:#ffe8eb}.stat .label{font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}.chip{border-radius:999px;padding:6px 10px;font-size:10px;line-height:1.4;font-weight:800;background:#e5f4ed;color:#247369;display:inline-flex;align-items:center;gap:5px}.chip.warn{background:#fff0e2;color:#ac6535}.chip.danger{background:#ffe7e5;color:#a84237}.chip.blue{background:#e8f2ff;color:#466caa}.softbox{border:1px solid #e7f1ed;background:rgba(250,255,252,.8);border-radius:19px;padding:16px}.softbox.peach{background:#fff6f0;border-color:#ffede1}.alertbox{border:1px solid #f3d3cf;background:#fff1ed;border-radius:18px;padding:15px;color:#9d3f37}.alertbox strong{font-size:12px}.alertbox p{font-size:11px;line-height:1.7;margin-top:5px}.info{background:linear-gradient(135deg,#e8f6ee,#fff8ed);padding:15px;border-radius:18px;color:#5e8178;font-size:11px;line-height:1.7}.info strong{color:#236e61}.list{display:grid;gap:10px}.item{display:flex;align-items:flex-start;gap:12px;padding:13px;border-radius:17px;border:1px solid #e8f0ed;background:rgba(255,255,255,.79)}.item .grow{flex:1;min-width:0}.item strong{font-size:12px;display:block}.item p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.item .avatar{flex:none}.avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:15px;color:#0f766d;background:linear-gradient(130deg,#c8f0df,#fff0e5);font-weight:800;font-size:12px}.avatar.peach{background:linear-gradient(130deg,#ffe5d5,#fff7e8);color:#bb745e}.line{height:1px;background:#e6efeb;margin:17px 0}.linkbtn{border:0;background:none;color:var(--teal);font-size:11px;font-weight:800}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step{background:white;border:1px solid #e8f0eb;padding:14px 12px;border-radius:16px;min-height:90px;font-size:11px;font-weight:800}.step span{display:block;font-size:21px;margin-bottom:10px}.form{display:grid;gap:17px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label,.field-label{font-size:12px;font-weight:800;color:#386563}.field small{font-size:10px;color:#7a9793}.input{width:100%;border:1px solid #dcece6;background:rgba(255,255,255,.92);border-radius:14px;padding:13px 14px;font-size:13px;color:var(--ink);min-height:46px}.input:focus{border-color:#56b5a1;box-shadow:0 0 0 3px #b3ebdc45}.textarea{min-height:106px;resize:vertical;line-height:1.6}.checkboxgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.checkopt{border:1px solid #e6efeb;background:#fcfffd;border-radius:14px;padding:12px;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.6;cursor:pointer}.checkopt input{width:17px;height:17px;accent-color:#127c71;flex:none;margin:1px 0}.checkopt.critical{background:#fff5f2;border-color:#f7d9d3}.upload{border:1.5px dashed #bddbd3;background:rgba(245,253,250,.8);border-radius:17px;padding:19px;text-align:center}.upload input{max-width:100%;font-size:11px}.upload strong{font-size:12px}.preview{display:block;max-width:180px;max-height:180px;border-radius:13px;margin:12px auto 0;object-fit:cover}.pillrow{display:flex;gap:8px;flex-wrap:wrap}.metriccard{padding:13px 14px;background:#f6fcfa;border:1px solid #e1efeb;border-radius:15px}.metriccard strong{font-size:20px;display:block}.metriccard span{color:var(--muted);font-size:10px}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.heading h1{font-size:clamp(23px,3vw,34px);margin:7px 0 5px}.heading p{font-size:12px;color:var(--muted);line-height:1.6}.heading .button{flex:none}.tablewrap{overflow:auto;border-radius:16px}table{border-collapse:collapse;width:100%;min-width:520px;font-size:11px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#78938e;font-weight:800;background:#f2faf6}td,th{padding:13px 12px;border-bottom:1px solid #eaf1ed}td{line-height:1.6}tr:last-child td{border-bottom:0}.fake-chart{height:164px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#dcece9 32px),linear-gradient(120deg,#f9fffc,#f1f9f5);border-radius:17px;border:1px solid #e5f0e8;margin:15px 0;overflow:hidden}.fake-chart svg{width:100%;height:100%;display:block}.notice-dot{width:9px;height:9px;border-radius:50%;background:#fb846b;display:inline-block;box-shadow:0 0 0 4px #ffe9e5}.rank{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e8f0ec}.rank:last-child{border:0}.rank-num{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#f4f6ed;font-size:14px;font-weight:800}.rank .grow{flex:1}.rank strong{font-size:12px}.rank p{font-size:11px;color:var(--muted);margin-top:4px}.rankpoints{font-size:15px;font-weight:800;color:#0b897f}.detail-section{display:grid;gap:12px}.bubble{background:#f0f8f5;padding:12px 14px;border-radius:15px 15px 15px 4px;font-size:12px;line-height:1.6;max-width:92%;align-self:flex-start}.bubble.mine{background:#dbf3e7;border-radius:15px 15px 4px 15px;align-self:flex-end}.message-log{display:flex;flex-direction:column;gap:9px;height:280px;overflow:auto;padding:12px;background:#ffffff65;border:1px solid #e9f0ed;border-radius:18px}.composer{display:flex;gap:9px;margin-top:12px}.composer .input{flex:1;min-width:0}.parentnav{display:none}.empty{color:#839a97;padding:35px 14px;text-align:center;font-size:12px;line-height:1.8}.select-card{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5f0eb;background:white;border-radius:17px;padding:13px;gap:12px}.select-card.active{background:#e6f8f0;border-color:#a8dace}.modalback{position:fixed;z-index:100;inset:0;background:#0e45435e;display:grid;place-items:center;padding:18px;backdrop-filter:blur(6px)}.modal{max-width:500px;max-height:90dvh;overflow:auto;width:100%;padding:25px}.modal h2{font-size:23px;margin-bottom:10px}.authlayout{max-width:1100px;margin:auto;min-height:100vh;padding:25px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:26px}.authhero{border-radius:32px;background:linear-gradient(130deg,#dff7ed,#fff4eb);padding:40px;min-height:590px;display:flex;flex-direction:column;justify-content:space-between}.authhero h1{font-size:42px;line-height:1.2}.authhero img{height:325px;object-fit:contain;align-self:center}.authpanel{padding:30px;max-width:460px;width:100%;margin:auto}.authpanel h2{font-size:25px;margin-bottom:10px}#toast{position:fixed;z-index:120;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100vw - 22px);padding:13px 18px;background:#155850;color:white;border-radius:16px;box-shadow:0 15px 30px #0d594d33;font-size:12px;font-weight:700;text-align:center;transition:all .3s}#toast.on{transform:translate(-50%,0);opacity:1}.tabrow{display:flex;gap:6px;flex-wrap:wrap}.tabrow button{border:0;background:#edf5f1;color:#6e8884;padding:9px 14px;border-radius:13px;font-weight:800;font-size:11px}.tabrow button.active{background:#09796f;color:white}.float-guide{position:fixed;z-index:10;bottom:20px;right:22px;background:#fff;color:#0b746b;border:1px solid #e3efea;border-radius:14px;padding:11px 14px;box-shadow:var(--shadow);font-size:10px;font-weight:800;pointer-events:none}.photo-mini{width:75px;height:75px;border-radius:13px;object-fit:cover}.warningline{border-left:4px solid #ed8b69;padding:11px 13px;background:#fff5ed;border-radius:9px;font-size:11px;color:#8c6350;line-height:1.6}.loading{padding:50px;text-align:center}.progressbar{height:10px;background:#e5f1ea;border-radius:20px;overflow:hidden}.progressbar div{height:100%;background:linear-gradient(90deg,#099387,#9be3bb);border-radius:20px;transition:width .3s}.alert-count{background:#ffe1dc;color:#b74734;padding:3px 7px;border-radius:10px;font-size:10px;font-weight:800;margin-left:auto}
@media(max-width:1150px){.shell{grid-template-columns:208px 1fr;gap:15px;padding:15px}.card{padding:19px}.hero-art{right:0}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{gap:10px}}
@media(max-width:880px){.shell{display:block;padding:0 0 90px}.sidebar{display:none}.workspace{padding:0 18px}.top{margin-bottom:7px}.top-logo{display:inline-flex;align-items:center;gap:9px}.top-logo .brandmark{height:37px;width:37px;font-size:22px;border-radius:12px}.top-logo strong{font-size:15px;letter-spacing:-.5px}.top .tinylabel{display:none}.parentnav{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:50;justify-content:space-around;gap:1px;padding:10px 5px max(10px,env(safe-area-inset-bottom));border-top:1px solid white;box-shadow:0 -12px 40px #1a62551a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#f9fffcdd}.parentnav button{display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:#78918d;min-width:0;flex:1;padding:4px 2px;font-size:9px;font-weight:800;min-height:44px}.parentnav button span{font-size:20px}.parentnav button.active{color:#007f77}.hero{min-height:270px}.grid2{grid-template-columns:1fr}.float-guide{bottom:86px}}
@media(max-width:600px){.workspace{padding:0 14px}.top{min-height:67px}.top .tag{font-size:10px;padding:8px}.top-actions{gap:5px}.top .iconbutton{min-height:38px;min-width:38px}.top-logo strong{font-size:13px}.hero{padding:22px;min-height:335px;border-radius:25px;align-items:flex-start}.hero-copy{max-width:100%}.hero h1{font-size:27px;max-width:250px}.hero p{font-size:11px;max-width:195px}.hero-art{height:260px;bottom:-4px;right:-25px;max-width:66%;opacity:.95}.hero-actions{position:absolute;bottom:20px;left:20px;right:20px}.hero-actions .button{min-height:41px;font-size:11px}.grid3{grid-template-columns:1fr 1fr;gap:10px}.grid3 .stat:last-child{grid-column:1/-1}.grid4{gap:10px}.card{padding:17px;border-radius:23px}.stat{min-height:102px;padding:15px;gap:9px}.stat-icon{width:37px;height:37px;font-size:17px}.stat .num{font-size:20px}.grid2,.stack{gap:12px}.heading{align-items:flex-start}.heading h1{font-size:25px}.fields{grid-template-columns:1fr}.checkboxgrid{grid-template-columns:1fr}.section-head h2{font-size:17px}.steps{grid-template-columns:1fr 1fr}.authlayout{display:block;padding:14px}.authhero{min-height:160px;padding:22px;margin-bottom:16px}.authhero h1{font-size:24px}.authhero img{display:none}.authpanel{padding:24px}.float-guide{display:none}.top .role-select{max-width:108px;font-size:10px}.grid4 .stat{display:block}.grid4 .stat-icon{margin-bottom:6px}.grid4 .stat .num{font-size:19px}}
@media(max-width:360px){.hero-art{opacity:.48}.hero h1{max-width:100%}.hero p{max-width:100%}.grid3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.top .tag{font-size:9px}.top-logo .brandmark{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}