:root { --navy:#091426; --blue:#1d579c; --ink:#17243a; --muted:#6d7b90; --line:#dfe5ed; --paper:#f5f7fa; --serif:"Playfair Display", Georgia, serif; --sans:Manrope, Arial, sans-serif; }
* { box-sizing:border-box; }
.history-page { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); }
.history-header { min-height:86px; background:var(--navy); padding:0 clamp(22px, 7vw, 110px); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.history-brand { color:#fff; text-decoration:none; display:flex; gap:10px; align-items:center; }
.history-brand img { width:52px; height:52px; border-radius:50%; }
.history-brand span { display:grid; font-size:9px; letter-spacing:.15em; }
.history-brand em { font:600 14px var(--serif); letter-spacing:0; }
.history-header > a:last-child { color:#173e75; background:#e7f0fb; padding:11px 14px; text-decoration:none; font-size:10px; font-weight:800; }
.history-main { width:min(1080px, calc(100% - 42px)); margin:62px auto; }
.history-eyebrow { font-size:9px; text-transform:uppercase; letter-spacing:.17em; font-weight:800; color:var(--blue); margin:0 0 12px; }
.history-title { font:600 50px/1 var(--serif); letter-spacing:-.05em; margin:0; }
.history-title i { color:var(--blue); }
.history-sub { font-size:12px; line-height:1.7; color:var(--muted); max-width:660px; margin:16px 0 30px; }
.history-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:20px; }
.history-stat, .history-panel { background:#fff; border:1px solid var(--line); padding:21px; }
.history-stat span { font-size:10px; color:var(--muted); }
.history-stat strong { display:block; font:600 31px var(--serif); margin:8px 0 2px; color:#273c61; }
.history-stat small { font-size:10px; color:var(--muted); }
.history-panel { padding:24px; }
.history-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.history-toolbar h2 { font:600 28px var(--serif); letter-spacing:-.04em; margin:0; }
.history-toolbar h2 i { color:var(--blue); }
.history-search { border:1px solid #cfd8e5; background:#fff; padding:11px 12px; font:11px var(--sans); min-width:240px; }
.history-filters { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px; }
.history-filters button { border:1px solid #d7ddea; background:#fff; padding:8px 10px; font:800 9px var(--sans); color:#495d78; cursor:pointer; }
.history-filters button.active, .history-filters button:hover { background:#102d59; color:#fff; border-color:#102d59; }
.history-list { display:grid; gap:10px; }
.history-row { border:1px solid #e0e5ec; padding:17px; display:grid; grid-template-columns:1.2fr 1.8fr .8fr auto; gap:15px; align-items:center; }
.history-row b, .history-row span { display:block; }
.history-row b { font-size:11px; }
.history-row span { font-size:10px; color:var(--muted); margin-top:4px; }
.history-row a { font-size:10px; color:#345c91; font-weight:800; text-decoration:none; }
.history-status { width:max-content; padding:6px 8px; border-radius:99px; font-size:9px !important; font-weight:800; }
.history-status.done { background:#e4f4e9; color:#287249; }
.history-status.client-cancel { background:#fff2dd; color:#93600d; }
.history-status.rld-cancel { background:#fde7e8; color:#a22d37; }
.history-empty { display:none; color:var(--muted); font-size:11px; padding:18px 0; }
.history-note { font-size:10px; line-height:1.65; color:var(--muted); margin-top:18px; }
@media (max-width:700px) { .history-header { padding:16px 22px; } .history-header > a:last-child { display:none; } .history-main { margin:42px auto; } .history-title { font-size:40px; } .history-stats { grid-template-columns:1fr; } .history-row { grid-template-columns:1fr; gap:8px; } .history-search { width:100%; min-width:0; } .history-panel { padding:18px; } }