:root{--cd-red-web:#df4034;--cd-red-dark:#ae0f0a;--cd-black:#231f20;--cd-white:#fff;--cd-gray:#999;--cd-arctic:#549ca5;--cd-turquoise-dark:#006c73;--cd-turquoise-light:#c5e7e8;--cd-rose:#ffdccf;--cd-bg:#f6f4f2}.modal-card.modal-wide{width:min(900px,100%)}*{box-sizing:border-box}body{background:var(--cd-bg);color:var(--cd-black);margin:0;font-family:Roboto,Arial,sans-serif}.app-layout{min-height:100vh;display:flex}.auth-screen{flex-direction:column;min-height:100vh;display:flex}.auth-content{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{width:min(460px,100%)}.auth-actions{justify-content:flex-end;margin-top:12px;display:flex}.sidebar{background:linear-gradient(180deg, var(--cd-black), #2b2728);width:240px;color:var(--cd-white);flex-direction:column;gap:22px;padding:20px 12px;display:flex}.brand{letter-spacing:.4px;color:var(--cd-white);border-left:4px solid var(--cd-red-web);padding:6px 10px;font-size:22px;font-weight:700}.nav-list{flex-direction:column;gap:10px;display:flex}.nav-item{color:var(--cd-white);text-align:left;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;font-weight:400}.nav-item.active{background:#df403440;border-color:#df403473}.sidebar-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.workspace{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:2px solid var(--cd-red-web);background:#d9d8d8;align-items:center;height:60px;padding:0 24px;font-weight:700;display:flex}.content-area{padding:24px}.hero{border-left:8px solid var(--cd-red-web);margin-bottom:20px;padding-left:16px}h1{color:var(--cd-black);margin:0;font-size:40px;font-weight:700}h2{color:var(--cd-black);margin-top:0;font-size:20px;font-weight:700}.card{background:var(--cd-white);border:1px solid #ece8e4;border-radius:12px;margin-bottom:16px;padding:18px}.card.soft{background:var(--cd-turquoise-light)}.row{flex-wrap:wrap;gap:10px;display:flex}.row.tight{align-items:center}.row-space-between{justify-content:space-between}.row.auth-form{flex-direction:column;align-items:stretch;max-width:420px}.full{width:100%}input{border:1px solid #d5d0cb;border-radius:8px;width:100%;min-width:220px;padding:10px;font-family:inherit;font-size:14px}button{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s}button:hover{opacity:.88}button.primary{background:var(--cd-red-web);color:var(--cd-white)}button.secondary{background:var(--cd-black);color:var(--cd-white)}button.ghost{background:var(--cd-arctic);color:var(--cd-white)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #efeae6;padding:11px;font-size:14px}th{color:var(--cd-red-dark)}.status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.status.active{color:var(--cd-turquoise-dark);background:#549ca533}.status.inactive{color:var(--cd-red-dark);background:#df40341f}.meta{color:var(--cd-gray);font-size:13px;font-weight:300}.error{background:var(--cd-rose);color:var(--cd-red-dark);border:1px solid #f0bcb1}.roles-grid{flex-wrap:wrap;gap:10px;display:flex}.role-option{align-items:center;gap:6px;font-size:13px;display:inline-flex}.role-option input[type=checkbox]{width:auto;min-width:auto}.filters-row{margin:10px 0 14px}.filters-row input{min-width:180px}.quick-filters-row{margin:0 0 14px}.quick-filters-row button{padding:8px 10px;font-size:12px}.active-filters-row{margin:0 0 14px}.filter-chip{color:var(--cd-turquoise-dark);background:#549ca533;border:1px solid #006c734d;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:400}.toast-stack{z-index:1200;flex-direction:column;gap:10px;display:flex;position:fixed;top:82px;right:18px}.toast{border:1px solid #0000;border-radius:10px;min-width:260px;max-width:360px;padding:12px 14px;font-size:13px;box-shadow:0 8px 22px #231f202e}.toast.success{color:var(--cd-turquoise-dark);background:#549ca52e;border-color:#006c7359}.toast.error{background:var(--cd-rose);color:var(--cd-red-dark);border-color:#f0bcb1}.action-cell{align-items:center}.action-cell input[type=email]{flex:1;min-width:260px}.tenant-admin-secret{margin-top:8px;font-size:12px}.modal-overlay{z-index:1300;background:#231f2073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--cd-white);border:1px solid #ece8e4;border-radius:12px;width:min(560px,100%);padding:18px;box-shadow:0 14px 36px #231f203d}.modal-header{margin-bottom:12px}.modal-header h2{margin:0}.modal-form{flex-direction:column;align-items:stretch}.modal-actions{justify-content:flex-end}