:root{font-family:Inter,Arial,sans-serif;color:#102039;background:#eef3f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;background:#08172e;color:white;padding:12px clamp(20px,5vw,70px)}header img{width:91px;height:62px;object-fit:contain;background:white;border-radius:5px}header strong,header span{display:block}header strong{font-size:.87rem;letter-spacing:.18em}header span{font-size:.8rem;color:#c9d4e4;margin-top:5px}.site-link{margin-left:auto;color:#f2c83e;text-decoration:none;font-weight:750}main{max-width:1140px;margin:auto;padding:40px 20px 90px}.eyebrow{color:#21539b;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.14em}h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1;margin:10px 0 18px;letter-spacing:-.045em}h2{font-size:1.5rem;margin:0 0 14px}p{line-height:1.6;color:#56657b}.panel,.record{background:white;border:1px solid #dce4ed;border-radius:11px;padding:28px;box-shadow:0 12px 35px #1020390a}.login{max-width:470px;margin:35px auto}.login form{display:grid;gap:16px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.intro p{max-width:650px}.tabs{display:flex;gap:7px;margin:30px 0 22px;border-bottom:1px solid #ccd7e5;overflow-x:auto}.tabs button{border:0;background:transparent;color:#56657b;font-size:1rem;font-weight:750;padding:14px 18px;white-space:nowrap;cursor:pointer}.tabs button[aria-current]{color:#0e4e9d;border-bottom:4px solid #f2c83e}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.toolbar p{margin:0}.cards{display:grid;gap:14px}.record{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:18px;padding:16px}.record img{width:105px;height:80px;object-fit:cover;border-radius:6px}.record strong{display:block;font-size:1.08rem}.record small{display:block;color:#65758b;margin-top:6px}.record .actions{display:flex;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-weight:750;font-size:.88rem}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #bdcbda;background:#fff;padding:12px;border-radius:6px;font:inherit;color:#102039}textarea{min-height:100px;resize:vertical}label.wide,.form-actions,.upload-status{grid-column:1/-1}.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}button{cursor:pointer;border:0;border-radius:6px;padding:12px 19px;background:#f2c83e;color:#102039;font-weight:800;font-size:.94rem}button:hover{filter:brightness(.95)}button.ghost{background:#dae6f3}button.danger{background:#f7e4e4;color:#9c2929}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.hint{font-size:.82rem;color:#596b81;font-weight:400}.upload-status{font-size:.85rem;color:#21539b}.preview{display:flex;gap:12px}.preview img{width:130px;height:88px;object-fit:cover;border-radius:5px}#notice:not(:empty){background:#e5f1ff;border-left:5px solid #225aa0;padding:13px 18px;margin:0 0 20px;line-height:1.5}#notice.error{background:#fff0ed;border-color:#b5362c}.empty{padding:40px;text-align:center;background:white;border-radius:10px}.compare{display:flex;gap:5px}.compare img{width:50px}.seo-note{background:#fff8dd;padding:12px 15px;border-radius:5px;margin-bottom:20px}footer{text-align:center;color:#687b91;padding:25px}footer a{color:#21539b}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.record{grid-template-columns:70px 1fr}.record img{width:70px;height:64px}.record .actions{grid-column:1/-1}.intro,.toolbar{align-items:flex-start;flex-direction:column}header span{display:none}}
