:root{--ink: #111111;--gold: #c9a227;--paper: #ffffff;--soft: #f7f7f7;--line: #e6e3dc;--muted: #6b6b6b;--danger: #b3261e;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--soft)}*{box-sizing:border-box}body{margin:0}h1{font-family:Cormorant Garamond,serif;font-weight:600;font-size:2.2rem;margin:0}.brand{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;letter-spacing:.08em}.brand span{color:var(--gold)}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--ink);color:var(--paper);padding:28px 20px;display:flex;flex-direction:column;gap:32px;position:sticky;top:0;height:100vh}.side .brand small{color:#aaa}.side nav{display:flex;flex-direction:column;gap:4px;flex:1}.side nav a{color:#ddd;text-decoration:none;padding:10px 12px;border-radius:6px}.side nav a.active,.side nav a:hover{background:#222;color:var(--gold)}.side .ghost{background:transparent;color:#ddd;border-color:#444}.main{padding:36px 44px;max-width:1200px;width:100%}.head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}button,.btn{font:inherit;padding:9px 16px;border:1px solid var(--line);background:var(--paper);border-radius:6px;cursor:pointer;color:var(--ink);text-decoration:none;font-size:.9rem}button:hover,.btn:hover{border-color:var(--ink)}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.danger{color:var(--danger)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:transparent}.head select{width:auto;margin:0}label{font-size:.85rem;font-weight:500;display:block}.search{max-width:340px;margin:0 0 16px}table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:middle}th{background:var(--soft);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}td select{margin:0;width:auto}s{color:var(--muted);font-size:.8rem}.row-title{display:flex;gap:12px;align-items:center}.row-title img{width:44px;height:54px;object-fit:cover;border-radius:4px}.row-title small,.card small{display:block;color:var(--muted);font-size:.75rem}.pill{font-size:.75rem;padding:4px 10px;border-radius:99px;background:var(--soft);border:1px solid var(--line)}.pill.ok{background:#f5edd2;border-color:var(--gold)}.clickable{cursor:pointer}.clickable:hover{background:var(--soft)}.detail td{background:#fbfaf7}.empty{color:var(--muted);text-align:center;padding:32px}.form .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:8px}.wide{grid-column:1 / -1}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.preview{width:160px;height:200px;object-fit:cover;border-radius:6px;margin-top:8px;display:block}.placeholder{background:var(--soft);display:grid;place-items:center;color:var(--muted);font-size:.8rem;width:100%}.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px}.form.card{margin-bottom:24px}.form.card .grid{padding:0;border:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cards .preview{width:100%}.stack{display:flex;flex-direction:column;gap:12px}.msg.unread{border-left:3px solid var(--gold)}.msg header{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.msg header a{color:var(--muted);font-size:.85rem}.msg p{margin:4px 0;white-space:pre-wrap}.login{min-height:100vh;display:grid;place-items:center;background:var(--ink)}.login .card{width:min(380px,90vw);gap:16px;padding:32px}.error{color:var(--danger);margin:0;font-size:.85rem}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.side nav{flex-direction:row;overflow-x:auto}.main{padding:20px}.form .grid{grid-template-columns:1fr}table{display:block;overflow-x:auto}}