.account-page{box-sizing:border-box;min-height:100vh;padding:32px 16px 60px;background:radial-gradient(circle at 15% 10%,#e8efff,transparent 28%),linear-gradient(145deg,#f7f9fc,#eef2f8);font-family:Inter,system-ui,sans-serif;color:#172033}.account-brand{display:flex;align-items:center;gap:9px;width:max-content;margin:0 auto 28px;color:#172033;text-decoration:none;font-weight:900}.account-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#315efb,#4f46e5);color:#fff}.account-card{width:min(430px,100%);box-sizing:border-box;margin:auto;padding:25px;border:1px solid #e0e6ef;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.1)}.account-card--wide{width:min(760px,100%)}.account-card h1{margin:5px 0 8px;font-size:28px;letter-spacing:-.035em}.account-card>p{margin:0 0 18px;color:#6b778c;line-height:1.55}.account-card label{display:block;margin:13px 0 5px;font-size:11px;font-weight:800;color:#344054}.account-input,.account-card input[type=email]{box-sizing:border-box;width:100%;min-height:43px;padding:9px 11px;border:1px solid #cfd8e5;border-radius:10px;background:#fff;font:inherit;outline:0}.account-input:focus,.account-card input:focus{border-color:#315efb;box-shadow:0 0 0 3px rgba(49,94,251,.1)}.account-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;margin-top:18px;padding:9px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#315efb,#4f46e5);color:#fff;text-decoration:none;font:inherit;font-weight:850;cursor:pointer}.account-button--secondary{background:#172033}.account-links{display:flex;justify-content:center;gap:13px;margin-top:17px;color:#7b8798;font-size:11px}.account-links a{color:#315efb;font-weight:800;text-decoration:none}.account-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef2ff;color:#315efb;font-size:19px}.account-card__icon--waiting{background:#fff7e8;color:#d97706}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.account-role{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 5px;padding:0;border:0}.account-role legend{grid-column:1/-1;margin-bottom:5px;font-size:11px;font-weight:850}.account-role label{position:relative;margin:0}.account-role input{position:absolute;opacity:0}.account-role span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dbe2ed;border-radius:11px;cursor:pointer}.account-role input:checked+span{border-color:#315efb;background:#f1f4ff;color:#2449d8;box-shadow:0 0 0 2px rgba(49,94,251,.1)}.account-state{text-align:center}.account-state .account-card__icon{margin:0 auto}.account-coming{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;text-align:left}.account-coming h2{grid-column:1/-1;margin:0 0 5px;font-size:14px}.account-coming span{padding:10px;border-radius:9px;background:#f7f9fc;font-size:11px}.account-coming i{width:20px;color:#315efb}.errorlist{margin:5px 0;padding-left:18px;color:#b42318;font-size:11px}@media(max-width:600px){.account-page{padding-top:20px}.account-card{padding:19px}.account-grid,.account-coming{grid-template-columns:1fr}.account-role{grid-template-columns:1fr}.account-card h1{font-size:24px}}
.client-nav,.client-hero,.client-section,.client-title,.client-detail-head,.client-detail-grid,.client-grid{width:min(1120px,100%);margin-left:auto;margin-right:auto}.client-nav{display:flex;align-items:center;gap:18px;margin-bottom:28px;padding:12px 16px;border:1px solid #e1e7f0;border-radius:16px;background:#fff}.client-nav__brand{font-weight:900}.client-nav a,.client-nav button{color:#344054;text-decoration:none;border:0;background:none;font:inherit;font-weight:700;cursor:pointer}.client-nav>div{display:flex;gap:18px;flex:1}.client-nav form{margin:0}.client-hero{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:30px;border-radius:24px;background:linear-gradient(135deg,#172554,#315efb);color:#fff}.client-hero h1,.client-title h1,.client-detail-head h1{margin:5px 0}.client-hero p{margin:0;color:#dbe5ff}.client-cta{width:auto;margin:0;padding:0 18px;background:#fff;color:#2449d8}.client-notice{display:flex;align-items:center;justify-content:space-between;width:min(1080px,calc(100% - 40px));margin:18px auto;padding:14px 20px;border-radius:14px;background:#fff7e8}.client-section{margin-top:28px}.client-heading,.client-title{display:flex;align-items:center;justify-content:space-between}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-order,.client-panel,.client-empty{box-sizing:border-box;padding:20px;border:1px solid #e0e6ef;border-radius:18px;background:#fff}.client-order__top,.client-work{display:flex;justify-content:space-between}.client-order h3{margin:14px 0 5px}.client-order p{color:#697586}.client-order dl{display:flex;gap:28px}.client-order dt{font-size:11px;color:#7b8798}.client-order dd{margin:2px 0;font-weight:800}.client-order>a,.client-notice a,.client-security a{color:#315efb;font-weight:800;text-decoration:none}.client-status{padding:6px 10px;border-radius:999px;background:#edf2ff;color:#2449d8;font-size:11px}.client-detail-head{display:flex;justify-content:space-between;align-items:start;margin-top:15px}.client-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:18px}.client-data{display:grid;grid-template-columns:1fr 1fr}.client-data dd{font-weight:800}.client-timeline>div{position:relative;padding:0 0 18px 20px;border-left:2px solid #dbe4f4}.client-timeline i{position:absolute;left:-6px;width:10px;height:10px;border-radius:50%;background:#315efb}.client-timeline span{display:block;color:#7b8798;font-size:11px}.client-warranty,.client-security{margin-top:20px;padding:16px;border-radius:13px;background:#edf9f3}.client-security{display:grid;gap:7px}.client-back{display:block;width:min(1120px,100%);margin:auto;color:#315efb;text-decoration:none}@media(max-width:760px){.account-page{padding:12px 10px 80px}.account-brand{display:none}.client-nav{overflow-x:auto;gap:12px}.client-nav>div{gap:14px}.client-nav__brand,.client-nav>a,.client-nav form{display:none}.client-hero{display:block;padding:22px}.client-hero .client-cta{margin-top:18px}.client-grid,.client-detail-grid{grid-template-columns:1fr}.client-detail-head{display:block}.client-status{display:inline-block}.client-order{padding:16px}}
