:root{--ink:#102f43;--sea:#107565;--mint:#b9f46c;--line:#dce9ee;--shadow:0 18px 52px rgba(11,49,65,.07);font-family:'DM Sans',sans-serif}
body{background:radial-gradient(ellipse at 85% -15%,#d9f5ee 0,transparent 34%),#f3f7f9;color:var(--ink)}
.shell{align-items:stretch}.sidebar{width:260px;min-width:260px;padding:26px 15px 20px;background:linear-gradient(165deg,#0d2e40,#102f43 45%,#0a2635);gap:27px;box-shadow:9px 0 38px #103b4514;z-index:9}
.brand{padding:5px 9px 13px;font-size:25px;letter-spacing:-1.25px}.brandmark{box-shadow:0 8px 22px #b2f77c24}.sidebar nav{gap:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#426577 transparent}.sidebar nav button{align-items:center;font-size:14px;letter-spacing:.05px;padding:12px 14px;border:1px solid transparent;transition:background .18s,transform .18s,color .18s}.sidebar nav button:hover{transform:translateX(2px);background:#214958}.sidebar nav button.active{background:linear-gradient(90deg,#23596b,#1c4b5d);border-color:#41778a;color:#fff;box-shadow:inset 3px 0 var(--mint)}.sidebar nav button>span{font-size:14px}
.sidetail{background:#173e4a;border:1px solid #2b6070;color:#ccebe3;padding:16px;line-height:1.4}.sidetail small{color:#b7cfd0}
.main{max-width:1640px;padding:32px clamp(22px,4vw,74px) 20px}.main>header{padding:6px 0 19px;position:relative}.main>header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#dce9ed}.main>header h1{font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-.055em}.main .avatar{border-radius:16px;background:linear-gradient(135deg,#d4f9d8,#c8eaf4);border:1px solid #c0e6d4;box-shadow:0 5px 15px #27684c11}
.card,.plan,.welcome6-aside,.quick6 button,.tablewrap{border:1px solid var(--line);box-shadow:var(--shadow)}.card{border-radius:23px;padding:clamp(20px,2.1vw,32px)}.card h2{font-size:clamp(21px,2vw,28px)}.card:hover,.plan:hover{border-color:#c0dcd6}
.welcome6-main{background:radial-gradient(circle at 95% 12%,#2b967d 0,transparent 27%),linear-gradient(118deg,#102f43,#0e5e59 75%,#148f74);position:relative;overflow:hidden;padding:clamp(29px,4.3vw,55px);min-height:290px;box-shadow:0 24px 45px #0f5e5632}.welcome6-main:after{content:'✧';position:absolute;right:5%;top:7%;font:180px Manrope;color:#b9f46c27;pointer-events:none}.welcome6-main h2{position:relative;max-width:650px;font-size:clamp(29px,3.3vw,47px);letter-spacing:-.055em}.welcome6-main p{font-size:15px;line-height:1.7}.welcome6-aside{background:linear-gradient(155deg,#fff,#f3fbf8)}.welcome6-aside strong{font:800 23px Manrope;letter-spacing:-.04em}.quick6 button{background:#fff;position:relative;min-height:155px;box-shadow:0 9px 28px #163e470d}.quick6 button:hover{box-shadow:0 14px 32px #1a654522;transform:translateY(-4px)}.quick6 .symbol{width:46px;height:46px;display:grid;place-items:center;background:#eaf8ed;border-radius:15px}.quick6 strong{font:800 15px Manrope}
.btn{border-radius:13px;box-shadow:0 5px 15px #9ed76324;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,button:focus-visible{outline:3px solid #56bfad;outline-offset:3px}.btn.secondary,.btn.outline{box-shadow:none}
.field input,.field select,.field textarea{border-color:#d3e1e6;border-radius:13px;min-height:46px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#20a18a;box-shadow:0 0 0 4px #15a78918}.sectionhead h2{font-size:23px}.metric strong{letter-spacing:-.055em;font-size:clamp(24px,2.5vw,34px)}.metric{min-width:0}.status{font-weight:800}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan{border-radius:22px}.editor>.card{max-width:100%}
table th{background:#f7fafb;white-space:nowrap}table tbody tr:hover{background:#f9fcfb}.toast{background:#0a3545;border:1px solid #3f6b75;box-shadow:0 18px 50px #082c4357}
@media(max-width:1100px){.sidebar{width:212px;min-width:212px}.main{padding:25px}.welcome6{grid-template-columns:1fr}.quick6{grid-template-columns:repeat(2,minmax(0,1fr))}.editor{grid-template-columns:1fr}}
@media(max-width:720px){.shell{display:block}.sidebar{width:100%;min-width:0;height:auto;position:sticky;top:0;display:block;padding:10px 12px 8px;box-shadow:0 8px 25px #072b3e20}.brand{padding:2px 6px;margin-bottom:8px;font-size:20px}.brand>span:last-child{display:block}.brand small{font-size:8px}.brandmark{width:35px;height:35px}.sidebar nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;padding-bottom:5px;scroll-snap-type:x proximity}.sidebar nav button{flex:0 0 auto;scroll-snap-align:start;padding:9px 11px;font-size:14px;white-space:nowrap}.sidebar nav button>span{display:inline;font-size:12px}.sidebar nav button:hover{transform:none}.sidebar .sidetail{display:none}.main{padding:19px 15px}.main>header{margin-bottom:20px}.grid{grid-template-columns:1fr}.quick6{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick6 button{min-height:125px;padding:14px}.welcome6-main:after{display:none}.formgrid,.city-selector{grid-template-columns:1fr}.hero{padding:24px}.welcome6-main{padding:25px}.editor{display:block}.line{grid-template-columns:minmax(0,1fr) 54px 75px 32px}.line input{font-size:12px}.sectionhead{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}