@font-face{font-family:Belleza;src:url(/belleza.woff2)format("woff2");font-display:swap}:root{--olive:#2b3720;--olive-2:#3b4b2d;--cream:#f1e8d2;--cream-2:#e6dcc1;--gold:#c9a14a;letter-spacing:0;color:var(--olive);background:var(--cream);font-family:Tajawal,system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;padding:16px;display:grid}.card{border:1px solid var(--cream-2);background:#fff8ec;border-radius:16px;width:100%;max-width:400px;padding:28px 24px}.brand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand-key{width:auto;height:56px}.brand h1{margin:0;font-size:22px;font-weight:700}.descriptor{opacity:.8;margin:2px 0 0;font-size:13px}.descriptor.en{text-align:right;direction:ltr;font-family:Belleza,sans-serif}form{gap:14px;display:grid}label{gap:6px;font-weight:500;display:grid}input{font:inherit;border:1px solid var(--cream-2);background:#fff;border-radius:10px;padding:12px}input:focus{outline:2px solid var(--gold);border-color:#0000}button{font:inherit;background:var(--olive);color:var(--cream);cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:700}button:disabled{opacity:.6}button.secondary{color:var(--olive);border:1px solid var(--olive);background:0 0}.error{color:#9b2c2c;margin:0}.muted{opacity:.75}.card.wide{max-width:720px}.who{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.tag{background:var(--gold);color:var(--olive);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}button.link{color:var(--olive);background:0 0;margin-inline-start:auto;padding:0;font-weight:500;text-decoration:underline}.owner h2{align-items:baseline;gap:8px;margin:8px 0 12px;font-size:18px;display:flex}.count{opacity:.7;font-size:13px;font-weight:500}.units{gap:8px;margin:0;padding:0;list-style:none;display:grid}.units li{border:1px solid var(--cream-2);background:#fff;border-radius:12px;grid-template-columns:56px 1fr;grid-template-areas:"code names""code meta";column-gap:12px;padding:12px;display:grid}.units li.inactive{opacity:.5}.units .code{text-align:center;background:var(--olive);color:var(--gold);border-radius:8px;grid-area:code;align-self:center;padding:8px 0;font-family:Belleza,sans-serif;font-size:18px}.units .names{flex-wrap:wrap;grid-area:names;align-items:baseline;gap:8px;display:flex}.units .names small{opacity:.7;font-family:Belleza,sans-serif}.units .meta{opacity:.75;grid-area:meta;font-size:13px}