.account-hero{padding:72px 0 58px;background:linear-gradient(135deg,#071a36,#0d376b);color:#fff}.account-hero h1{margin:8px 0 12px;font-size:46px;line-height:1.08}.account-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.78);font-size:18px}.account-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#2d86ff}.account-hero .account-kicker{color:#75b4ff}.account-section{padding:56px 0 80px;background:#f6f9fc}.account-login-wrap{display:flex;justify-content:center}.account-box{background:#fff;border:1px solid #e4ebf3;border-radius:18px;box-shadow:0 12px 35px rgba(10,39,74,.07);padding:30px}.login-box{width:100%;max-width:520px}.registration-box{max-width:620px}.account-box h2{margin:0 0 8px;color:#102746;font-size:28px}.account-muted{color:#66778c;margin:0 0 24px;line-height:1.6}.account-message{padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:14px}.account-message.error{background:#fff0f0;color:#a52626;border:1px solid #f1caca}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px;color:#25384f;font-weight:700;font-size:14px}.account-form input{width:100%;box-sizing:border-box;border:1px solid #d5dfeb;border-radius:10px;padding:13px 14px;font:inherit;font-weight:400;color:#14263d;background:#fff;outline:none}.account-form input:focus{border-color:#3186ed;box-shadow:0 0 0 3px rgba(49,134,237,.1)}.account-submit{border:0;border-radius:10px;background:#1269cf;color:#fff;padding:14px 18px;font-weight:800;font-size:15px;cursor:pointer;margin-top:4px}.account-submit:hover{background:#0d5dbb}.account-submit.inline{display:inline-block;text-decoration:none}.account-submit span{margin-left:8px}.account-bottom{margin:20px 0 0;text-align:center;color:#718197;font-size:14px}.account-bottom a,.profile-link{color:#1269cf;font-weight:700;text-decoration:none}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:6px 0 0;color:#102746;font-size:30px}.service-list{display:grid;gap:10px}.service-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e9f2;border-radius:14px;padding:14px 18px;box-shadow:0 6px 20px rgba(10,39,74,.04);min-height:72px}.service-card-icon{width:42px;height:42px;border-radius:11px;background:#eaf3ff;color:#146bd0;display:flex;align-items:center;justify-content:center;flex:0 0 42px}.service-card-icon svg{width:21px;height:21px}.service-card-body{flex:1;min-width:0}.service-card-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.service-card-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#6b7d92;text-transform:uppercase}.service-card h3{margin:2px 0 0;color:#102746;font-size:18px;line-height:1.2}.service-price{margin:0;white-space:nowrap;font-size:13px;color:#31506f}.service-price strong{font-size:16px;color:#102f52}.service-meta{display:flex;align-items:center;gap:7px 18px;flex-wrap:wrap;color:#718197;font-size:12px;margin-top:6px}.service-meta strong{color:#1a8b55}.service-date{margin-top:0;font-size:12px;color:#6f8198}.service-date strong{color:#163b67}.service-link{color:#1269cf;font-weight:800;text-decoration:none;white-space:nowrap}.service-manage{width:42px;height:42px;border-radius:11px;background:#edf5ff;display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 42px;transition:background .15s,transform .15s,color .15s}.service-manage:hover{background:#dcecff;transform:translateY(-1px)}.service-manage svg{width:20px;height:20px}.service-manage span{display:none}.service-link.disabled{color:#8b98a8;cursor:default;pointer-events:none;background:#f3f5f7}.service-link.disabled span{display:block;text-align:center;font-size:11px;line-height:1.2;padding:0 5px}.service-link.disabled.service-manage{width:auto;min-width:42px;flex-basis:auto;padding:0 10px}@media(max-width:700px){.service-card{align-items:flex-start;padding:14px}.service-card-title{align-items:flex-start;gap:10px;flex-direction:column}.service-price{white-space:normal}.service-meta{gap:6px 12px}.service-manage{margin-left:auto;align-self:center}}
.orders-heading{margin-top:42px}.orders-table-wrap{background:#fff;border:1px solid #e2e9f2;border-radius:16px;overflow:auto;box-shadow:0 8px 25px rgba(10,39,74,.05)}.orders-table{width:100%;border-collapse:collapse;min-width:720px}.orders-table th,.orders-table td{padding:15px 16px;text-align:left;border-bottom:1px solid #edf1f5;font-size:13px}.orders-table th{background:#f9fbfd;color:#6a7b8f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.orders-table td{color:#263b53}.orders-table tbody tr:last-child td{border-bottom:0}.status-pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#eaf8f0;color:#187345;font-weight:700;font-size:11px}.account-side{display:grid;gap:18px}.profile-box h2{margin-bottom:20px}.profile-line{padding:12px 0;border-bottom:1px solid #edf1f5;display:grid;gap:4px}.profile-line span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8492a3}.profile-line strong{font-size:14px;color:#20364f;overflow-wrap:anywhere}.profile-link{display:block;margin-top:20px}.future-box{background:linear-gradient(145deg,#fff,#f3f8ff)}.future-box h3{margin:7px 0 8px;color:#102746}.future-box p{margin:0;color:#718197;line-height:1.6;font-size:14px}.empty-box{background:#fff;border:1px dashed #cfdbe8;border-radius:16px;padding:32px}.empty-box h3{margin:0 0 8px;color:#102746}.empty-box p{color:#718197;margin:0 0 20px}@media(max-width:900px){.account-layout{grid-template-columns:1fr}.account-hero h1{font-size:38px}}@media(max-width:700px){.account-hero{padding:52px 0 44px}.account-hero h1{font-size:32px}.account-section{padding:38px 0 60px}.account-box{padding:22px}.service-card{align-items:flex-start;flex-wrap:wrap}.service-link{margin-left:66px;margin-top:-6px}.service-meta{gap:8px 15px}}


.status-unpaid{color:#a15c00}.status-paid{color:#0878ff}.status-active{color:#15803d}.status-pill.status-new{background:#fff4d6;color:#8a5a00}.status-pill.status-unpaid{background:#fff4d6;color:#8a5a00}.status-pill.status-paid{background:#e8f3ff;color:#0868c8}.status-pill.status-active{background:#e8f8ef;color:#187443}.service-link.disabled{color:#8b98a8;cursor:default;pointer-events:none}
.service-date{margin-top:8px;font-size:13px;color:#6f8198}.service-date strong{color:#163b67}.service-link.disabled{font-size:13px;line-height:1.35;text-align:right}

.service-price{margin:8px 0 10px;font-size:14px;color:#31506f}.service-price strong{font-size:18px;color:#102f52}


.service-progress-wrap{margin-top:10px;max-width:760px}
.service-progress-top,.service-progress-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#718197}
.service-progress-top{margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.service-progress-top strong{color:#1269cf;font-size:11px}
.service-progress-track{height:7px;background:#e8eef5;border-radius:999px;overflow:hidden}
.service-progress-bar{height:100%;background:linear-gradient(90deg,#1675df,#48a0ff);border-radius:999px;transition:width .25s ease}
.service-progress-bottom{margin-top:5px}
.service-progress-bottom span:last-child{font-weight:700;color:#526b86}
@media(max-width:700px){.service-progress-wrap{width:100%}}

/* VPS w panelu klienta */
.vps-heading{margin-top:42px}.vps-list{display:grid;gap:10px}.vps-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e9f2;border-radius:14px;padding:15px 18px;box-shadow:0 6px 20px rgba(10,39,74,.04);min-height:76px}.vps-icon{width:44px;height:44px;border-radius:11px;background:#eaf3ff;color:#146bd0;display:flex;align-items:center;justify-content:center;flex:0 0 44px}.vps-icon svg{width:22px;height:22px}.vps-card-body{flex:1;min-width:0}.vps-card-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.vps-card-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#6b7d92;text-transform:uppercase}.vps-card h3{margin:2px 0 0;color:#102746;font-size:18px;line-height:1.2}.vps-meta{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;color:#718197;font-size:12px;margin-top:7px}.vps-meta strong{color:#31506f}.vps-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:800}.vps-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}.vps-status-running{color:#15803d}.vps-status-stopped{color:#8a5a00}.vps-status-unavailable{color:#a52626}.vps-status-unknown{color:#718197}.vps-manage{width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#1269cf;display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 42px;text-decoration:none;transition:background .15s,transform .15s}.vps-manage:hover{background:#dcecff;transform:translateY(-1px)}.vps-manage svg{width:20px;height:20px}.vps-manage span{display:none}
@media(max-width:700px){.vps-card{align-items:flex-start;flex-wrap:wrap;padding:14px}.vps-card-title{align-items:flex-start;flex-direction:column;gap:8px}.vps-meta{gap:6px 12px}.vps-manage{margin-left:auto;margin-top:-4px}}