:root{--navy:#16294b;--gold:#a67c1f;--bg:#f5f6f8;--card:#fff;--ink:#1f2430;--muted:#5f6470;--line:#e3e6ec;--ok:#1f7a3f;--warn:#a8730a;--bad:#a3221f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink)}.cx-auth{min-height:100vh}[data-amplify-authenticator]{--amplify-colors-brand-primary-80:var(--navy)}[data-amplify-router]{margin:3rem auto}.cx-main{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.cx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cx-head h1{font-family:Georgia,Times New Roman,serif;color:var(--navy);margin:0;font-size:1.6rem}.cx-sub{margin:.1rem 0 0;color:var(--muted);font-size:.9rem}.cx-head-right{display:flex;align-items:center;gap:.75rem}.cx-muted{color:var(--muted)}.cx-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.cx-error{background:#fdecec;color:var(--bad);border:1px solid #f3c9c7;border-radius:8px;padding:.6rem .8rem;margin:.75rem 0}.cx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.9rem;gap:.9rem;margin:1.25rem 0}.cx-tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.cx-tile-value{font-size:1.9rem;font-weight:700;color:var(--navy);line-height:1}.cx-tile-label{color:var(--muted);font-size:.85rem;margin-top:.35rem}.cx-tile-ok .cx-tile-value{color:var(--ok)}.cx-tile-warn .cx-tile-value{color:var(--warn)}.cx-tile-bad .cx-tile-value{color:var(--bad)}.cx-toolbar{display:flex;gap:.6rem;margin:.75rem 0}.cx-input{font:inherit;padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}.cx-toolbar .cx-input{max-width:320px}.cx-btn{font:inherit;padding:.5rem .9rem;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;color:var(--ink)}.cx-btn:hover{background:#f0f1f4}.cx-btn.cx-sm{padding:.3rem .6rem;font-size:.85rem}.cx-btn.cx-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.cx-btn.cx-primary:hover{background:#0f1d38}.cx-table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:12px}.cx-table{width:100%;border-collapse:collapse;font-size:.92rem}.cx-table th{text-align:left;padding:.7rem .8rem;color:var(--muted);font-weight:600;border-bottom:2px solid var(--line);white-space:nowrap}.cx-table td{padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}.cx-table tr:last-child td{border-bottom:none}.cx-pill{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.cx-active,.cx-complimentary{background:#e5f3ea;color:var(--ok)}.cx-expiring{background:#fbf0d9;color:var(--warn)}.cx-expired{background:#fdecec;color:var(--bad)}.cx-none{background:#eef0f3;color:var(--muted)}.cx-modal-bg{position:fixed;inset:0;background:rgba(15,20,30,.45);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.cx-modal{background:var(--card);border-radius:14px;padding:1.5rem;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px -20px rgba(0,0,0,.4)}.cx-modal h2{font-family:Georgia,serif;color:var(--navy);margin:0 0 .1rem}.cx-field{display:block;margin-top:.8rem}.cx-field>span{display:block;font-size:.85rem;color:var(--navy);font-weight:600;margin-bottom:.25rem}.cx-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.cx-danger{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.cx-del-ghost{color:var(--bad);border-color:#f3c9c7}.cx-del-ghost:hover{background:#fdecec}.cx-del{background:var(--bad);color:#fff;border-color:var(--bad)}.cx-del:hover{background:#8a1d1a}.cx-logins{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.cx-logins h3{margin:0 0 .5rem;font-size:.95rem;color:var(--navy)}.cx-user-list{list-style:none;margin:0 0 .75rem;padding:0}.cx-user-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.cx-user-id{display:flex;flex-direction:column;flex:1 1;min-width:0}.cx-user-id .cx-muted{font-size:.78rem}.cx-role{width:auto;padding:.3rem .5rem}.cx-add-user{display:flex;gap:.4rem;flex-wrap:wrap}.cx-add-user .cx-input{flex:1 1;min-width:120px}