:root{--navy:#06265d;--blue:#089bed;--ink:#12233d;--muted:#65758b;--line:#dce4ed;--paper:#f5f8fb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}header{height:77px;background:white;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo img{display:block;width:118px;height:55px;object-fit:cover;object-position:center 57%;mix-blend-mode:multiply}header div{display:flex;gap:22px;font-size:.86rem;font-weight:600;align-items:center}header a{color:var(--blue);text-decoration:none}main{max-width:1120px;margin:auto;padding:55px 28px}.intro>p{margin:0 0 10px;color:var(--blue);font-size:.7rem;font-weight:700;letter-spacing:.15em}.intro h1{font:700 clamp(2.2rem,5vw,3.6rem)/1.05 "Playfair Display",Georgia,serif;margin:0 0 23px}.notice{border-left:3px solid var(--blue);background:#eaf7ff;color:#23456a;line-height:1.5;padding:15px 18px;font-size:.88rem;max-width:790px}.layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);padding:27px;box-shadow:0 5px 20px #0b2a5710}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.card h2{font:600 1.3rem "Playfair Display",Georgia,serif;margin:0}.card label{display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:.75rem;font-weight:700}.card input,.card select{font:500 .9rem "DM Sans";padding:11px 12px;border:1px solid var(--line);border-radius:2px;color:var(--ink);background:white;width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:.73rem;line-height:1.4;color:var(--muted);margin:-3px 0 17px}.save{background:var(--blue);color:white;border:0;border-radius:2px;padding:13px 18px;font:700 .85rem "DM Sans";cursor:pointer}.link-button{background:none;border:0;color:var(--blue);padding:0;font:600 .77rem "DM Sans";cursor:pointer}.listing{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.listing img{width:92px;height:65px;object-fit:cover;background:#e9edf1}.listing strong{display:block;font-size:.93rem;margin-bottom:5px}.listing span{font-size:.73rem;color:var(--muted)}.actions{display:flex;gap:10px}.actions button{border:0;background:none;padding:0;cursor:pointer;font:700 .76rem "DM Sans"}.edit{color:var(--blue)}.delete{color:#b42525}#empty{color:var(--muted)}@media(max-width:760px){header{padding:0 20px}.layout{grid-template-columns:1fr}main{padding:38px 20px}.card{padding:20px}.listing{grid-template-columns:72px 1fr}.listing img{width:72px;height:55px}.actions{grid-column:2}.two{grid-template-columns:1fr}}