:root{color:#1c2538;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(1120px,100% - 40px);margin:0 auto;padding:72px 0}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.eyebrow{color:#3662d8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.page-header h1{color:#172033;letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1}.page-description{color:#657087;max-width:620px;margin:16px 0 0}.source-link{color:#2454c6;margin-top:12px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.source-link:hover{text-decoration:underline}.case-summary{background:#fff;border:1px solid #e3e7ef;border-radius:16px;margin-bottom:24px;padding:22px 24px;box-shadow:0 10px 30px #1c273d0f}.case-summary h2{color:#283249;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-size:.82rem}.case-summary dl{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.case-summary dl div{border-left:1px solid #edf0f5;padding:2px 18px}.case-summary dl div:first-child{border-left:0;padding-left:0}.case-summary dt{color:#7a8599;font-size:.75rem;font-weight:700}.case-summary dd{color:#172033;margin:5px 0 0;font-size:1.75rem;font-weight:750;line-height:1}.case-summary--state{color:#657087;text-align:center}.case-summary--state p{margin:0}.case-summary--error{color:#9d2929;background:#fff5f5}.case-summary--error button{color:#fff;cursor:pointer;background:#3662d8;border:0;border-radius:8px;margin-top:10px;padding:9px 14px;font-weight:700}.case-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.case-card{background:#fff;border:1px solid #e3e7ef;border-radius:16px;padding:24px;box-shadow:0 10px 30px #1c273d0f}.case-card__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.case-card h2{color:#1c2538;min-height:3.2rem;margin:20px 0 30px;font-size:1.15rem;line-height:1.4}.case-card__link,.back-link,.state-message__link,.case-form__actions a{color:#2454c6;font-weight:700;text-decoration:none}.primary-link{color:#fff;background:#3662d8;border-radius:9px;flex:none;padding:11px 17px;font-weight:700;text-decoration:none}.primary-link:hover{background:#294fb7}.case-card__link{margin:-14px 0 24px;font-size:.86rem;display:inline-block}.case-card__link:hover,.back-link:hover,.state-message__link:hover{text-decoration:underline}.case-id{color:#8490a4;font-size:.78rem;font-weight:600}.status{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.status--open{color:#2454c6;background:#eaf0ff}.status--in_progress{color:#946100;background:#fff3ce}.status--resolved{color:#16704a;background:#e2f7ec}.status--closed{color:#5c6576;background:#edf0f4}.assignee{border-top:1px solid #edf0f5;align-items:center;gap:12px;padding-top:18px;display:flex}.assignee__avatar{color:#fff;background:#273859;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:grid}.assignee__name,.assignee__email{margin:0}.assignee__name{color:#283249;font-size:.88rem;font-weight:700}.assignee__email{color:#7a8599;margin-top:2px;font-size:.76rem}.state-message{color:#657087;text-align:center;background:#fff;border:1px solid #e3e7ef;border-radius:14px;padding:30px}.state-message--error{color:#9d2929;background:#fff5f5}.state-message button{color:#fff;cursor:pointer;background:#3662d8;border:0;border-radius:8px;margin-top:10px;padding:9px 14px}.back-link{margin-bottom:24px;display:inline-block}.case-details{background:#fff;border:1px solid #e3e7ef;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1c273d0f}.case-details__heading{justify-content:space-between;align-items:flex-start;gap:24px;padding:34px;display:flex}.case-details__heading h1{color:#172033;letter-spacing:-.03em;max-width:720px;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.case-details__section{border-top:1px solid #edf0f5;padding:28px 34px 34px}.case-details__section h2{color:#283249;letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;font-size:.9rem}.case-details__assignee{border-top:0;padding-top:0}.status-form{max-width:480px}.status-form label{color:#657087;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.status-form__controls{gap:12px;display:flex}.status-form select{color:#283249;background:#fff;border:1px solid #cfd6e2;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.status-form button{color:#fff;cursor:pointer;background:#3662d8;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.status-form button:disabled,.status-form select:disabled{cursor:not-allowed;opacity:.6}.status-form__error{color:#9d2929;margin:10px 0 0;font-size:.82rem}.activity-form{max-width:680px;margin-bottom:30px}.assignee-form{color:#657087;margin-top:20px;font-size:.82rem}.assignee-form .status-form{max-width:680px}.assignee-form__success{color:#16704a;margin:10px 0 0}.activity-form label{color:#657087;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.activity-form textarea{resize:vertical;color:#283249;background:#fff;border:1px solid #cfd6e2;border-radius:8px;width:100%;padding:12px;line-height:1.5}.activity-form textarea:focus{border-color:#3662d8;outline:3px solid #3662d826}.activity-form__footer{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.activity-form__footer span{color:#8490a4;font-size:.76rem}.activity-form button,.activity-state button{color:#fff;cursor:pointer;background:#3662d8;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.activity-form button:disabled,.activity-form textarea:disabled{cursor:not-allowed;opacity:.6}.activity-form__message{margin:10px 0 0;font-size:.82rem}.activity-form__message--error,.activity-state--error{color:#9d2929}.activity-form__message--success{color:#16704a}.activity-state{color:#657087;background:#f7f9fc;border-radius:10px;margin:0;padding:20px}.activity-state p{margin:0 0 12px}.activity-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.activity-list li{background:#f7f9fc;border-left:3px solid #b8c8ef;border-radius:0 10px 10px 0;padding:18px 20px}.activity-list p{color:#283249;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.activity-list time{color:#7a8599;margin-top:8px;font-size:.76rem;display:block}.app-shell--form{max-width:760px}.case-form-card{background:#fff;border:1px solid #e3e7ef;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1c273d0f}.case-form-card header,.case-form{padding:32px 34px}.case-form-card header{border-bottom:1px solid #edf0f5}.case-form-card h1{color:#172033;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,2.8rem)}.case-form-card header>p:last-child{color:#657087;margin:12px 0 0}.case-form{gap:24px;display:grid}.case-form__field label{color:#283249;margin-bottom:8px;font-size:.84rem;font-weight:700;display:block}.case-form__field input,.case-form__field select{color:#283249;background:#fff;border:1px solid #cfd6e2;border-radius:8px;width:100%;padding:12px}.case-form__field input:focus,.case-form__field select:focus{border-color:#3662d8;outline:3px solid #3662d826}.case-form__hint{color:#8490a4;text-align:right;margin-top:7px;font-size:.76rem;display:block}.case-form__state{color:#657087;background:#f7f9fc;border-radius:8px;margin:0;padding:14px}.case-form__state p{margin:0 0 10px}.case-form__state button,.case-form__actions button{color:#fff;cursor:pointer;background:#3662d8;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.case-form__state--error,.case-form__error{color:#9d2929}.case-form__error{margin:0;font-size:.84rem}.case-form__actions{justify-content:flex-end;align-items:center;gap:18px;padding-top:4px;display:flex}.case-form__actions button:disabled,.case-form__field input:disabled,.case-form__field select:disabled{cursor:not-allowed;opacity:.6}@media (width<=600px){.app-shell{width:min(100% - 28px,1120px);padding:48px 0}.case-details__heading{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start}.primary-link{text-align:center;width:100%}.case-form-card header,.case-form,.case-details__heading,.case-details__section{padding:24px}.case-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-summary dl div,.case-summary dl div:first-child{background:#f7f9fc;border:0;border-radius:10px;padding:12px}.case-summary dl div:first-child{grid-column:1/-1}.status-form__controls{flex-direction:column;align-items:stretch}}