:root{font-family:Arial,sans-serif;color:#162b43;background:#f3f6fa;font-size:16px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.58;cursor:wait}
.topbar{background:#173b62;color:white;padding:13px max(18px,calc((100vw - 880px)/2));display:flex;justify-content:space-between;align-items:center;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700}
.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.06em}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#2c8cdf;font-style:italic}
main{max-width:900px;margin:0 auto;padding:22px 16px 60px}
.narrow{max-width:470px;margin:28px auto}
.panel{background:white;border:1px solid #dbe4ee;border-radius:14px;padding:24px;box-shadow:0 3px 12px #12243a09}
h1{margin:0 0 8px;font-size:27px}h2{font-size:21px;margin:0 0 12px}
p{line-height:1.45}.welcome{margin:0 3px 18px}.welcome p{margin:0;color:#5c6e80}
form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:600;font-size:14px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #9aa9b7;border-radius:8px;background:white;color:#162b43;min-height:45px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #9fd3ff;outline-offset:1px}
input[readonly]{background:#eef2f6;color:#4c5d6e}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.primary,.secondary{border:0;border-radius:8px;min-height:44px;padding:10px 17px;font-weight:700}
.primary{background:#1fc45a;color:white}.secondary{background:#e4ebf4;color:#173b62}
.text-button{border:0;background:transparent;color:white;text-decoration:underline}
.tabs{display:flex;gap:7px;margin:0 0 14px;overflow:auto}
.tab{border:1px solid #c6d4e3;background:#e8eff7;color:#173b62;padding:10px 16px;border-radius:8px;font-weight:700;white-space:nowrap}
.tab.active{background:#2c8cdf;color:white;border-color:#2c8cdf}
.message{min-height:1.3em;color:#b32b32}.message:empty{display:none}.hint{color:#5c6e80;font-size:14px;margin:0}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h2{margin:0}
.card-list{display:grid;gap:10px;margin-top:16px}
.claim-card{border:1px solid #dbe4ee;border-radius:10px;padding:16px;background:#fbfcfe}
.claim-card h3{font-size:17px;margin:0 0 8px}.claim-card p{margin:5px 0;font-size:14px}
.claim-card .row{display:flex;justify-content:space-between;gap:8px;align-items:start}
.pill{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700;background:#fff1c8;color:#775600;white-space:nowrap}
.pill.approved{background:#dff6e6;color:#176b35}.pill.returned{background:#ffe2df;color:#a12923}
.claim-card button{margin-top:8px}.claim-card textarea{margin-top:10px}
.review-actions{display:flex;gap:8px;flex-wrap:wrap}
.empty{color:#5c6e80;text-align:center;padding:24px 10px}
@media(max-width:620px){main{padding:16px 10px 38px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.tabs{gap:4px}.tab{padding:10px 12px}}