:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18212b;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0,#f4f6f8 320px);color:#18212b}.service-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.service-header{display:flex;align-items:center;justify-content:space-between;min-height:64px}.service-brand{display:flex;align-items:center;gap:12px}.service-brand img{width:46px;height:46px;object-fit:contain}.service-brand div{display:flex;flex-direction:column}.service-brand strong{font-size:17px;letter-spacing:.01em}.service-brand span{font-size:12px;color:#68727d;margin-top:2px;text-transform:uppercase;letter-spacing:.12em}.text-button,.secondary-button,.primary-button,.close-button{font:inherit;cursor:pointer}.text-button{border:0;background:transparent;color:#4b5563;font-weight:650;padding:10px 0}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;align-content:center;gap:18px}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #e2e6ea;border-radius:18px;padding:38px;box-shadow:0 20px 55px rgba(17,24,39,.08)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#727d89}.auth-card h1,.hero-card h1{font-size:36px;line-height:1.08;margin:10px 0 10px;letter-spacing:-.03em}.auth-card p,.hero-card p,.panel-heading p,.support-card p{color:#68727d;line-height:1.55;margin:0}.auth-card form{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#3b4652}input,select,textarea{width:100%;border:1px solid #ccd3da;border-radius:9px;background:#fff;color:#18212b;font:inherit;padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#6f7b87;box-shadow:0 0 0 3px rgba(107,119,131,.12)}textarea{min-height:150px;resize:vertical}.primary-button{border:1px solid #111827;background:#111827;color:#fff;border-radius:9px;padding:12px 17px;font-weight:750}.primary-button:hover{background:#202a36}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{border:1px solid #cfd5db;background:#fff;color:#26313c;border-radius:9px;padding:10px 14px;font-weight:700}.secondary-button:hover{background:#f7f8f9}.security-note{font-size:12px;color:#8a949e}.form-message{min-height:18px;font-size:13px;color:#b42318}.form-message.success{color:#18794e}.hero-card{margin-top:34px;background:#fff;border:1px solid #e2e6ea;border-radius:18px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 35px rgba(17,24,39,.05)}.hero-card h1{font-size:32px}.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}.panel,.support-card{background:#fff;border:1px solid #e2e6ea;border-radius:16px;padding:24px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #edf0f2}.panel-heading h2,.support-card h2{margin:0 0 5px;font-size:20px}.request-list{display:grid}.request-card{padding:20px 0;border-bottom:1px solid #edf0f2}.request-card:last-child{border-bottom:0}.request-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.request-number{font-size:15px;font-weight:800}.request-date{font-size:12px;color:#818b95;margin-top:3px}.status-badge{white-space:nowrap;border-radius:999px;background:#eef1f4;color:#3f4a55;padding:6px 10px;font-size:11px;font-weight:800}.status-badge.new{background:#fff4df;color:#8a5a00}.status-badge.completed,.status-badge.resolved,.status-badge.closed{background:#e9f7ef;color:#18794e}.request-details{margin:12px 0 0;line-height:1.5;color:#3f4a55;white-space:pre-wrap}.request-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;font-size:12px;color:#78838e}.request-response{margin-top:13px;background:#f5f7f9;border-radius:9px;padding:12px 13px;line-height:1.45;font-size:13px}.empty-state{text-align:center;color:#7a8590;padding:42px 15px}.support-card{align-self:start}.support-card h2{margin-top:8px}.support-line{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#818b95;font-weight:800;margin-top:25px}.support-card a{display:inline-block;margin-top:5px;color:#18212b;font-weight:750;text-decoration:none;overflow-wrap:anywhere}dialog{width:min(720px,calc(100% - 28px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px rgba(17,24,39,.25)}dialog::backdrop{background:rgba(17,24,39,.48)}dialog form{padding:26px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.dialog-header h2{margin:6px 0 0;font-size:25px}.close-button{border:0;background:transparent;font-size:28px;line-height:1;color:#6f7983;padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0f2}@media(max-width:760px){.service-shell{width:min(100% - 24px,1180px);padding-top:12px}.service-header{min-height:58px}.service-brand img{width:40px;height:40px}.auth-card{padding:28px 22px}.auth-card h1{font-size:31px}.hero-card{margin-top:20px;padding:24px;align-items:flex-start;flex-direction:column}.hero-card .primary-button{width:100%}.customer-grid{grid-template-columns:1fr}.support-card{order:2}.panel{padding:19px 17px}.panel-heading{align-items:center}.request-top{gap:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}dialog form{padding:22px 18px}}@media(max-width:430px){.service-brand div span{display:none}.auth-wrap{align-content:start;padding-top:54px}.auth-card{box-shadow:none;border-radius:14px}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading .secondary-button{width:100%}}
