*{box-sizing:border-box}body{margin:0;background:#f1f6f6;color:#202b26;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:#247b78}h1{font-size:30px;line-height:1.3}h2{font-size:21px}button,.button{display:inline-block;border:0;border-radius:7px;padding:11px 20px;background:#79ddd1;color:#153c40;cursor:pointer;text-decoration:none;font:inherit;font-weight:600}button:hover,.button:hover{background:#57c5b8}input,textarea,select{font:inherit;width:100%;padding:11px;border:1px solid #dce3d6;border-radius:7px;background:#fff;color:#202b26}label{display:block;margin:15px 0 7px;font-size:13px;font-weight:600}label input,label textarea,label select{display:block;margin-top:6px}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:30px 20px;background:#14383d;color:#fff;overflow:auto}.brand{font-size:28px;font-weight:700}.brand span{display:block;letter-spacing:4px;font-size:10px;color:#79ddd1}nav{margin-top:34px;margin-bottom:28px}nav a{display:block;text-decoration:none;color:#becbc0;padding:12px;margin:4px 0;border-radius:7px}nav a.active{background:#79ddd1;color:#153c40}.ghost{background:#e6ecdf;color:#40533d;font-size:12px}aside .ghost{background:#304135;color:#c8d5c8}main{margin-left:220px;padding:36px;max-width:1550px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:3px;color:#71866d;font-weight:700}.badge{border-radius:30px;background:#dcf0ed;color:#317e79;padding:7px 13px;font-size:12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics>div{background:white;padding:22px;border-radius:12px;border:1px solid #e0e6db}.metrics span{font-size:13px;color:#81907b}.metrics b{display:block;font-size:36px;margin-top:10px}section{background:white;border:1px solid #e0e6db;border-radius:12px;padding:26px;margin:22px 0}.hero{padding:36px;background:#164b50;color:white}.hero h2{font-size:36px;line-height:1.4}.hero .eyebrow{color:#a4e8e0}.hero p{color:#b8c6b8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.muted,small,.small{color:#80907c}small{display:block}.small{font-size:13px}.error,.success{padding:12px 16px;border-radius:8px;background:#fbe5df;color:#a04228}.success{background:#e6efda;color:#527041}.table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid #e7ecdf}th{font-size:12px;color:#80907c}.inline{display:inline-block;margin-left:10px}.empty{text-align:center;padding:60px;color:#80907c}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.login{max-width:440px;margin:10vh auto;background:white;border:1px solid #e0e6db;border-radius:16px;padding:40px}.login h1{font-size:36px}.login button{width:100%;margin-top:22px}@media(max-width:850px){aside{position:static;width:auto;padding:16px}.brand{font-size:22px}.brand span{display:none}nav{display:flex;margin:14px 0;gap:4px;flex-wrap:wrap}nav a{padding:7px}main{margin:0;padding:18px}header{display:block}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.login{margin:5vh 16px}}
