.customer-main{background:#f2f6f4;color:#0b1220}.customer-hero{padding:125px 7vw 65px;background:#0b1220;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.customer-hero h1{font-size:clamp(2.7rem,5vw,5.3rem);line-height:1;letter-spacing:-.07em;margin:22px 0}.customer-hero em{color:#16c784;font-style:normal}.customer-hero p{color:#a7c5b8;line-height:1.7}.customer-welcome{padding:35px;border:1px solid #345044;border-radius:15px;background:linear-gradient(135deg,#163e2d,#0b1220)}.customer-welcome span,.customer-actions span{font-size:10px;letter-spacing:.12em;color:#0a8c59}.customer-welcome span{color:#70d9a8}.customer-welcome strong{display:block;font-size:23px;margin:20px 0}.customer-content{max-width:1200px;margin:auto;padding:50px 28px 90px}.customer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-actions>a{display:block;padding:26px;border:1px solid #d4e3da;border-radius:12px;background:white;color:#0b1220;text-decoration:none;transition:transform .2s}.customer-actions>a:hover{transform:translateY(-4px);border-color:#16c784}.customer-actions h2{font-size:20px;letter-spacing:-.04em}.customer-actions p{color:#66796e;font-size:13px;line-height:1.7}.customer-list-head{display:flex;align-items:center;justify-content:space-between;margin-top:60px}.customer-list-head h2{font-size:30px;letter-spacing:-.05em}.customer-list-head button,#customer-more{padding:12px 20px;border:1px solid #b9d1c3;border-radius:6px;background:white;cursor:pointer}.customer-record{background:white;border:1px solid #d5e3da;border-radius:12px;padding:26px;margin:18px 0}.customer-record-head{display:flex;justify-content:space-between;gap:15px}.customer-record h3{margin:0;font-size:22px}.customer-record p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.customer-record small{color:#6a8074}.customer-badge{border-radius:30px;background:#dff7e8;color:#087142;padding:7px 14px;font-size:12px;white-space:nowrap;align-self:start}.customer-note{font-size:12px;color:#607568;line-height:1.7;margin-top:30px}.customer-empty{padding:45px;text-align:center;border:1px dashed #b3cbbd;border-radius:12px}.customer-empty a{color:#08784d}@media(max-width:800px){.customer-hero{grid-template-columns:1fr;padding:110px 25px 45px;gap:20px}.customer-actions{grid-template-columns:1fr}.customer-welcome{padding:25px}.customer-list-head h2{font-size:24px}.customer-record-head{flex-wrap:wrap}}