:root{--ink:#152e39;--muted:#7d8e96;--accent:#087f81;--line:#e5edef;--bg:#f4f7f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.7 "Microsoft YaHei",sans-serif}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0 0 16px}h1{font-size:30px;letter-spacing:1px}h2{font-size:24px}h3{font-size:17px}small,.small{font-size:12px}button,.btn{border:0;background:var(--accent);color:white;border-radius:9px;padding:13px 24px;font:inherit;cursor:pointer;display:inline-block}button:hover,.btn:hover{filter:brightness(.94)}input,textarea,select{width:100%;border:1px solid #dbe5e8;border-radius:8px;padding:12px 14px;margin:7px 0 18px;background:#fafcfc;color:var(--ink);font:inherit}input:focus,textarea:focus{outline:2px solid #72c8c1}textarea{min-height:110px;resize:vertical}label{display:block;font-size:13px;font-weight:500}.muted,small{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;color:#559c9b;margin-bottom:14px;font-weight:bold}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:26px;margin-bottom:24px;box-shadow:0 6px 24px #173c4c03}.form-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.check{display:flex;gap:10px;align-items:center;margin-bottom:20px}.check input{width:auto;margin:0}.error,.success{padding:13px 18px;border-radius:8px;background:#fff0ed;color:#a54433}.success{background:#e1f4ed;color:#197258}.ghost{color:#57707c;background:#edf3f4}.compact{padding:6px 10px;font-size:12px;margin-top:7px}.pill{background:#e3f4ef;color:#248777;padding:5px 12px;border-radius:20px;font-size:12px}footer{text-align:center;color:#8a9a9f;font-size:12px;padding:24px}aside{position:fixed;top:0;bottom:0;left:0;width:236px;background:#102e3a;color:white;padding:34px 25px}aside h2{font-size:21px;margin-bottom:0}aside small{font-size:9px;letter-spacing:2px;color:#7da3ae}nav{margin-top:45px}nav a{display:flex;justify-content:space-between;color:#9fb5be;padding:13px 18px;margin:9px 0;border-radius:9px}nav a.active{background:#1b505b;color:#fff}nav a span{color:#71b9b5}.aside-foot{position:absolute;bottom:35px;font-size:10px;letter-spacing:1px;color:#6d959f}.workspace{margin-left:236px}header{height:78px;border-bottom:1px solid var(--line);background:#fff;padding:0 36px;display:flex;align-items:center;justify-content:space-between;color:#79909b}header button{font-size:12px;padding:7px 15px}main{max-width:1500px;margin:auto;padding:32px 38px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title h1{margin-bottom:0}.welcome{border-radius:17px;background:linear-gradient(110deg,#dcefeb,#edf5f2);padding:32px 38px;display:flex;justify-content:space-between;margin-bottom:26px}.welcome h2{font-size:28px}.welcome p{color:#65857d}.welcome-symbol{font-size:115px;line-height:1.4;color:#8fcac0;padding-right:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats h2{font-size:32px;margin:12px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 12px;vertical-align:top}th{color:#80919a;background:#f7fafb;font-weight:500}.empty{text-align:center;padding:70px;color:#8da0a7}.filter{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 22px}.narrow{max-width:580px}.setup-head{padding:28px 6%;display:flex;align-items:center;justify-content:space-between}.setup-head b{font-size:23px}.setup-head span{font-size:10px;letter-spacing:2px;color:#8fa4ad}.install{max-width:900px;padding:30px 35px}.install>h1{font-size:39px}.steps{display:flex;gap:40px;margin:32px 0;color:#427c7a}.checks{display:flex;gap:18px;flex-wrap:wrap;background:#eaf6f0;border-radius:9px;padding:15px;margin-bottom:24px;color:#3b8873}.login{display:flex;min-height:100vh;background:#fff}.login-brand{width:55%;position:relative;background:linear-gradient(145deg,#102f3d,#175f66);color:white;overflow:hidden;padding:48px 8% 40px}.brand-content{position:relative;z-index:1}.brand-content>b{font-size:25px}.brand-content>.eyebrow{margin-top:64px;color:#7bc8bf}.brand-content h1{font-size:48px;line-height:1.4}.brand-content p{color:#aecfcf}.brand-content small{color:#97bdc2;letter-spacing:2px}.ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.washer{width:220px;height:255px;margin:35px auto 30px;background:linear-gradient(130deg,#e8f9f6,#92c8c5);border-radius:20px;box-shadow:20px 25px 70px #061f3850;transform:rotate(-7deg);padding:20px;color:#326870}.washer-top{letter-spacing:9px;border-bottom:2px solid #85b9b7;padding-bottom:10px}.washer-door{width:155px;height:155px;border:17px solid #c9e9e3;border-radius:50%;background:linear-gradient(135deg,#174954,#528d94);color:#a0d4d1;font-size:70px;text-align:center;margin:15px auto}.login-form{width:45%;display:flex;align-items:center;justify-content:center;padding:55px}.login-box{width:100%;max-width:390px}.login-box h2{font-size:28px}.login-box form{margin-top:40px}.login-box button{width:100%}.login-box>p.small{text-align:center;margin-top:16px}.login-box footer{margin-top:60px;padding:0}@media(max-width:900px){aside{width:180px;padding:25px 15px}.workspace{margin-left:180px}main{padding:24px}.stats{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.login-brand{width:48%;padding:40px}.login-form{width:52%;padding:35px}.brand-content h1{font-size:36px}}@media(max-width:600px){aside{position:static;width:auto}aside nav{display:flex;flex-wrap:wrap;margin:15px 0 0;gap:5px}nav a{padding:7px;margin:0}.aside-foot,aside small,nav a span{display:none}.workspace{margin:0}main{padding:18px}header{padding:12px 20px;height:60px}.form-grid{grid-template-columns:1fr}.stats{gap:10px}.stats .card{padding:18px}.welcome{padding:24px}.welcome-symbol{display:none}.login-brand{display:none}.login-form{width:100%;padding:30px}.setup-head span{display:none}.steps{gap:16px;font-size:11px}.install{padding:20px}.install>h1{font-size:30px}}

nav{margin-top:24px;max-height:calc(100vh - 220px);overflow:auto}nav a{padding:9px 16px;margin:5px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-bar{display:flex;gap:14px;align-items:center;margin-bottom:20px}.search-bar input{margin:0;max-width:500px}.trend{display:flex;gap:16px;align-items:flex-end;height:220px;padding:15px 0;overflow:auto}.trend-day{text-align:center;min-width:38px;flex:1;font-size:12px;color:#64867f}.trend-track{height:150px;display:flex;align-items:flex-end;justify-content:center;margin:8px 0}.trend-bar{width:65%;border-radius:6px 6px 0 0;background:linear-gradient(#5bb3a4,#168f88)}@media(max-width:600px){nav{max-height:none}.search-bar{flex-wrap:wrap}.row{flex-wrap:wrap}}
select{width:100%;padding:12px;border:1px solid #dbe7e6;border-radius:9px;background:white;color:#23474b;margin:6px 0 12px}.quote-line{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.garment-photos img,.photo-results img{width:90px;height:90px;object-fit:cover;border-radius:10px;margin:8px}.card form+form{margin-top:15px}aside nav{max-height:74vh;overflow:auto}