:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253027;background:#f3efe4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,input,select{min-height:48px}button{border:1px solid #263d2b;border-radius:10px;padding:0 18px;color:#fff;background:#263d2b;cursor:pointer;font-weight:700}button:hover{background:#1c3021}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b76a3c;outline-offset:3px}a{color:#355b3e;text-underline-offset:3px}label{display:block;margin-bottom:7px;font-size:.86rem;font-weight:750}input,select{width:100%;border:1px solid #b7b7aa;border-radius:10px;padding:11px 13px;color:#253027;background:#fffef9}input:user-invalid{border-color:#a43d32}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.6rem);line-height:1}h2{margin-bottom:18px;font-size:1.35rem}.eyebrow{display:block;margin-bottom:6px;color:#7b6544;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.muted{color:#6a716b}.center{min-height:100vh;display:grid;place-items:center;color:#6a716b}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 15%,#e2d6b8 0,transparent 34%),#f3efe4}.auth-card{width:min(100%,430px);padding:clamp(28px,7vw,52px);border:1px solid #d2c7ae;border-radius:20px;background:#fffef9e0;box-shadow:0 20px 55px #38301e17}.auth-card form{display:grid;gap:10px;margin-top:28px}.auth-card button{margin-top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:12px max(22px,calc((100vw - 1120px)/2));border-bottom:1px solid #d8d1c1;background:#fffdf7}.topbar strong{font-family:Georgia,serif;font-size:1.2rem;font-weight:500}.quiet{min-height:42px;border-color:#9ba297;color:#354139;background:transparent}.quiet:hover{background:#ebe9df}.layout{width:min(1120px,calc(100% - 44px));margin:0 auto;padding:54px 0 80px}.page-heading{margin-bottom:32px}.page-heading p{max-width:58ch;color:#6a716b}.panel{margin-bottom:22px;padding:24px;border:1px solid #d8d1c1;border-radius:16px;background:#fffdf7}.create-form{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:16px;align-items:end}.invite-form{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:16px;align-items:end}.suffix{display:flex;align-items:center;overflow:hidden;border:1px solid #b7b7aa;border-radius:10px;background:#ece9df}.suffix:focus-within{outline:3px solid #b76a3c;outline-offset:3px}.suffix input{min-width:100px;border:0;border-radius:0;outline:0}.suffix span{padding:0 12px;color:#666d66;font-size:.84rem;white-space:nowrap}.workspace-list{display:grid;gap:12px}.workspace-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #d8d1c1;border-radius:14px;background:#fffdf7}.card-title{display:flex;align-items:center;gap:10px}.card-title h2{margin:0}.workspace-card p{margin:8px 0 0;font-size:.9rem}.badge{display:inline-flex;width:max-content;border-radius:999px;padding:4px 9px;color:#665f53;background:#e8e3d8;font-size:.72rem;font-weight:800;text-transform:uppercase}.badge.active,.badge.accepted{color:#245a32;background:#dcebdc}.badge.provisioning,.badge.pending,.badge.sent,.badge.invited{color:#7a541d;background:#f4e6c9}.badge.blocked,.badge.failed,.badge.revoked{color:#8b3029;background:#f1d8d4}.message{margin:0 0 18px;padding:13px 15px;border-left:4px solid #527b5a;background:#e5eee3}.message.error{border-color:#a43d32;background:#f4dfdc}.empty{padding:32px;border:1px dashed #bcb4a2;border-radius:14px;color:#6a716b;text-align:center}.rows{display:grid}.row{display:grid;grid-template-columns:1fr 120px 110px;gap:16px;align-items:center;min-height:52px;border-top:1px solid #e4ded1}.row:first-child{border-top:0}@media(max-width:900px){.create-form{grid-template-columns:1fr 1fr}.invite-form{grid-template-columns:1fr 180px}.create-form button,.invite-form button{width:100%}}@media(max-width:620px){.layout{width:min(100% - 28px,1120px);padding-top:36px}.create-form,.invite-form{grid-template-columns:1fr}.suffix span{padding-inline:8px;font-size:.74rem}.workspace-card{align-items:stretch;flex-direction:column}.workspace-card .quiet{width:100%}.row{grid-template-columns:1fr auto;padding:10px 0}.row .badge{grid-column:1 / -1}}