@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{color:#1e332b;background:#f1f1e9;font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.login-page{color:#e7e9df;background:#14241d;flex-direction:column;min-height:100svh;display:flex}.login-top{letter-spacing:.25em;border-bottom:1px solid #33483c;justify-content:space-between;align-items:center;gap:15px;height:100px;padding:0 max(5vw,30px);font-size:11px;display:flex}.brand-emblem{color:#dac58d;text-align:center;border:1px solid #c0a46c;width:48px;height:48px;margin-right:auto;font:32px/44px Noto Serif SC,serif}.top-dot{color:#c6b180;margin:0 16px}.login-body{flex:1;grid-template-columns:1fr 1fr;min-height:550px;display:grid}.login-art{background:radial-gradient(circle at 55% 45%,#86958a 0,#576b5e 40%,#243c31 72%);border-right:1px solid #4b6354;position:relative;overflow:hidden}.ink-disc{opacity:.62;background:#d9c9a5;border-radius:50%;width:330px;height:330px;position:absolute;top:19%;left:28%;box-shadow:0 0 65px 30px #c7c49f3d}.login-art:after{content:"";background:repeating-linear-gradient(173deg,#0000 0 21px,#e7edde26 22px 24px,#0000 26px 37px),linear-gradient(#657f74,#19382f);height:40%;position:absolute;bottom:-45px;left:-20%;right:-20%;transform:rotate(-4deg)}.login-boat{z-index:2;clip-path:polygon(0 0,100% 0,86% 100%,18% 90%);background:#23372e;width:62%;height:47px;position:absolute;bottom:28%;left:25%;box-shadow:0 15px 40px #18352a}.waterline{z-index:3;clip-path:polygon(26% 28%,66% 28%,91% 100%,0 100%);background:#d9dbbd;width:70px;height:150px;position:absolute;bottom:32%;left:55%;transform:rotate(-8deg)}.waterline:before{content:"";background:#21362d;border-radius:50%;width:42px;height:38px;position:absolute;top:0;left:20px}.vertical-ink{z-index:4;writing-mode:vertical-rl;letter-spacing:.5em;color:#ede2c9;font:18px Noto Serif SC,serif;position:absolute;top:17%;right:6%}.login-panel{flex-direction:column;justify-content:center;padding:80px max(8%,35px);display:flex}.label-compact{color:#c5b17a;letter-spacing:.21em;font-size:11px}.login-panel h1{margin:27px 0 13px;font:500 clamp(32px,3.2vw,55px)/1.55 Noto Serif SC,serif}.login-panel h1 span{color:#d0b17a}.login-panel>p{color:#a0b5a5;letter-spacing:.07em;margin:0;font-size:13px}.login-divider{background:#4d6254;height:1px;margin:42px 0 30px}.login-form{flex-direction:column;gap:13px;max-width:430px;display:flex}.login-form label{letter-spacing:.15em;color:#c6d0c0;font-size:11px}.login-form input{color:#fff;background:#1a3025;border:1px solid #536f5c;border-radius:0;outline:none;height:54px;padding:0 18px}.login-form input:focus{border-color:#c0ab78}.login-form button{color:#1b3125;background:#c9b27e;border:0;justify-content:space-between;align-items:center;min-height:53px;margin-top:7px;padding:0 18px;font-size:13px;font-weight:700;display:flex}.login-form button:disabled{opacity:.65;cursor:wait}.form-error{color:#f1b99f;font-size:12px}.login-foot{color:#88a395;margin-top:28px;font-size:11px;line-height:1.8}.login-bottom{letter-spacing:.14em;color:#839b8d;border-top:1px solid #33483c;justify-content:space-between;align-items:center;height:54px;padding:0 max(5vw,30px);font-size:10px;display:flex}.dashboard{background:#f0f0e8;grid-template-columns:245px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#c1cdbc;background:#1d3329;flex-direction:column;height:100svh;min-height:100svh;padding:32px 20px;display:flex;position:sticky;top:0}.side-logo{align-items:center;gap:12px;padding:0 11px 43px;display:flex}.side-logo-mark{color:#ddca96;text-align:center;border:1px solid #c7b47e;width:43px;height:43px;font:28px/39px Noto Serif SC,serif}.side-logo>div:last-child{flex-direction:column;gap:4px;display:flex}.side-logo b{color:#fff;letter-spacing:.19em;font-size:13px}.side-logo small{letter-spacing:.12em;color:#a9b7a7;font-size:8px}.side-section{color:#7c9b87;letter-spacing:.18em;margin:0 9px 18px;font-size:9px}.side-section.second{margin-top:42px}.sidebar>a{color:#b8c6b9;border-radius:2px;align-items:center;gap:13px;margin-bottom:5px;padding:14px 12px;font-size:12px;display:flex}.sidebar>a span{flex:1}.sidebar>a i{color:#9cac98;font-size:10px;font-style:normal}.sidebar>a:hover,.sidebar>a.sidebar-active{color:#fff;background:#365342}.side-bottom{letter-spacing:.08em;color:#8fae96;border-top:1px solid #3c5645;align-items:center;gap:7px;margin-top:auto;padding:25px 5px 0;font-size:9px;display:flex}.side-bottom strong{color:#cfb882;margin-left:auto;font-weight:400}.side-status-dot{background:#c7ad78;border-radius:50%;width:6px;height:6px}.dash-content{min-width:0}.dash-top{background:#f7f7f0;border-bottom:1px solid #d8ddd3;justify-content:space-between;align-items:center;height:78px;padding:0 52px;display:flex}.crumb{letter-spacing:.18em;color:#5e7365;font-size:10px}.crumb em{color:#adbcac;margin:0 10px;font-style:normal}.top-actions{letter-spacing:.14em;color:#7b9582;align-items:center;gap:25px;font-size:10px;display:flex}.logout-button{color:#375443;letter-spacing:.02em;background:0 0;border:0;border-bottom:1px solid #97a99a;padding:8px 0;font-size:11px}.dash-inner{max-width:1500px;margin:auto;padding:40px 52px 70px}.heading-line{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px;display:flex}.section-num{letter-spacing:.15em;color:#9d8e62;font-size:10px;font-weight:700}.heading-line h1{margin:12px 0 10px;font:500 35px Noto Serif SC,serif}.heading-line p{color:#697c6d;margin:0;font-size:13px;line-height:1.8}.heading-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.heading-meta span{color:#7c907e;font-size:10px}.heading-meta strong{color:#516a56;font-size:12px}.heading-meta i{color:#a89864;margin-left:5px;font-size:8px}.demo-banner{background:#ede5d1;border-left:3px solid #c1a36b;flex-direction:column;gap:12px;margin:0 0 27px;padding:17px 20px;display:flex}.demo-banner b{color:#604c2d;font-size:12px}.demo-banner span{color:#76684f;font-size:12px;line-height:1.6}.demo-banner.error{background:#eee0d7;border-color:#c08068}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{background:#fffef9;border:1px solid #d6dcd3;min-height:172px;padding:21px 22px}.metric-top{letter-spacing:.13em;color:#8a9b8a;justify-content:space-between;font-size:10px;display:flex}.metric-top b{color:#b9b29b;font-weight:400}.metric-number{color:#284537;white-space:nowrap;margin-top:20px;font:500 clamp(27px,2.9vw,42px)/1.25 Noto Serif SC,serif}.metric-number small{color:#748b77;margin-left:5px;font:15px DM Sans,sans-serif}.metric-label{color:#748a77;margin-top:7px;font-size:11px}.dash-two{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.dash-card{background:#fffef9;border:1px solid #d4dbd0;min-width:0;padding:29px 30px}.card-heading{align-items:flex-start;gap:15px;margin-bottom:29px;display:flex}.card-heading>span{color:#b39c66;padding-top:4px;font:13px Georgia,serif}.card-heading small{letter-spacing:.17em;color:#9aaf9b;margin-bottom:9px;font-size:9px;display:block}.card-heading h2{margin:0;font:500 19px Noto Serif SC,serif}.mode-row{margin-bottom:28px}.mode-row-top,.mode-row-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.mode-row-top>div{align-items:center;gap:13px;display:flex}.mode-row-top b{color:#264b3a;border:1px solid #b8c6b7;place-items:center;width:30px;height:30px;font:18px Georgia,serif;display:grid}.mode-row-top span{color:#718674;font-size:11px}.bar-track{background:#e8ece5;height:7px;margin:16px 0 9px}.bar-track i{background:#607c67;height:100%;transition:width .2s;display:block}.bar-track i.bar-c{background:#b6a16f}.mode-row-bottom span{color:#7d8c7d;font-size:11px}.mode-row-bottom strong{color:#304b3b}.card-note{color:#8a998c;border-top:1px solid #e4e8df;margin:10px 0 0;padding-top:17px;font-size:11px;line-height:1.85}.survey-score-head,.score-row{grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:12px;display:grid}.survey-score-head{color:#88998a;border-bottom:1px solid #e1e6dd;padding:8px 0 14px;font-size:11px}.score-row{border-bottom:1px solid #e9ece7;padding:18px 0}.score-row b{font-size:11px;font-weight:500}.score-row span{color:#3c6550;font:20px Georgia,serif}.score-row span:last-child{color:#a59161}.section-break{margin-top:18px}.scene-row{align-items:center;gap:15px;margin-bottom:27px;display:flex}.scene-index{color:#b4a579;font:19px Georgia,serif}.scene-body{flex:1}.scene-body-top{justify-content:space-between;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.scene-body-top b{font-weight:500}.scene-body-top span{color:#829586}.scene-track{background:#e8ede6;height:9px}.scene-track i{background:#6b8776;height:100%;display:block}.insight-list>div{border-bottom:1px solid #e7eae4;gap:16px;padding:12px 0;display:flex}.insight-list b{color:#b49d6e;font:17px Georgia,serif}.insight-list p{color:#526e5a;margin:0;font-size:12px;line-height:1.8}.samples-section{margin-top:18px}.samples-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.export-buttons{gap:17px;display:flex}.export-buttons a{color:#486551;border-bottom:1px solid #94a99a;padding-bottom:5px;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;letter-spacing:.06em;color:#8a9b8b;border-bottom:1px solid #dce4d9;padding:14px 8px;font-size:10px;font-weight:500}td{color:#4d6654;border-bottom:1px solid #ebeee8;padding:16px 8px;font-size:12px}.mono{color:#627e6b;font:11px monospace}.badge{color:#8e7f6b;background:#efece5;padding:5px 8px;font-size:10px}.badge.green{color:#3a724e;background:#dfeade}.empty{text-align:center;color:#95a394;padding:43px 10px;line-height:1.7}.dash-bottom{color:#97a699;letter-spacing:.08em;justify-content:space-between;gap:20px;padding:38px 0 0;font-size:10px;display:flex}.dash-bottom a{color:#486450}@media (max-width:1100px){.sidebar{width:202px}.dashboard{grid-template-columns:202px 1fr}.dash-inner{padding:35px 25px}.dash-top{padding:0 25px}.metric{padding:19px 14px}.dash-card{padding:23px 20px}}@media (max-width:790px){.login-top{height:72px}.login-top>span:last-child{letter-spacing:.12em;font-size:9px}.login-body{grid-template-columns:1fr}.login-art{border-right:0;height:210px}.ink-disc{width:160px;height:160px;top:9%;left:39%}.login-boat{bottom:15%}.waterline{height:90px;bottom:15%}.vertical-ink{font-size:13px}.login-panel{padding:44px 26px 70px}.login-panel h1{font-size:34px}.login-divider{margin:27px 0}.login-bottom{font-size:9px}.dashboard{grid-template-columns:1fr}.sidebar{min-height:unset;flex-direction:row;align-items:center;gap:8px;width:auto;height:auto;padding:17px 15px;display:flex;position:relative;overflow:auto}.side-logo{flex-shrink:0;padding:0 20px 0 0}.side-section,.side-bottom{display:none}.sidebar>a{flex-shrink:0;padding:10px 12px}.sidebar>a i{display:none}.dash-top{height:64px;padding:0 17px}.top-actions>span{display:none}.dash-inner{padding:26px 16px 50px}.heading-line{align-items:flex-start}.heading-line h1{font-size:26px}.heading-meta{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:133px;padding:16px}.metric-number{margin-top:13px;font-size:27px}.dash-two{grid-template-columns:1fr;gap:12px;margin-top:12px}.samples-section{margin-top:12px}.samples-title{display:block}.export-buttons{margin-bottom:20px}.dash-bottom{flex-wrap:wrap}}