@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";*{box-sizing:border-box}body{margin:0;background:#f3f0e8;color:#182018;font-family:Manrope,sans-serif}.shell{max-width:1220px;margin:auto;padding:44px 32px 80px}header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:42px}.brand{width:54px;height:54px;border-radius:16px;background:#432c7a;color:#fff;display:grid;place-items:center;font:italic 600 30px Playfair Display;box-shadow:0 12px 30px #432c7a33}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#715aa8}h1,h2,h3,p{margin:0}h1{font:italic 600 36px Playfair Display;margin:4px 0 5px}header p,.section-title p,.empty p{color:#6f746c;font-size:13px}.status{font-size:12px;padding:10px 14px;background:#e6eee3;border:1px solid #d4e1d0;border-radius:999px;color:#466044}.status i{display:inline-block;width:7px;height:7px;background:#5d8b55;border-radius:50%;margin-right:7px}main{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.card,.people{background:#fffdfa;border:1px solid #e1ded5;border-radius:24px;box-shadow:0 18px 50px #34362f0d}.card{padding:28px}.section-title{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid #ece9e1}.section-title>span{font:italic 600 20px Playfair Display;color:#8e7bbb}.section-title h2,.people h2{font:italic 600 25px Playfair Display;margin-bottom:3px}form{padding-top:22px}label{display:block;font-size:12px;font-weight:700;color:#545950;margin-bottom:16px}label small{font-weight:400;color:#969a92;margin-left:5px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #dcd9d0;background:#faf9f5;border-radius:11px;padding:12px 13px;font:500 14px Manrope;color:#20251f;outline:none}input:focus,select:focus,textarea:focus{border-color:#856db7;box-shadow:0 0 0 3px #856db71a}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}form>button{width:100%;border:0;border-radius:12px;background:#432c7a;color:#fff;padding:14px 16px;font:600 13px Manrope;display:flex;justify-content:space-between;cursor:pointer}button:disabled{opacity:.55}.error{font-size:12px;color:#a53636;background:#fceded;padding:10px;border-radius:9px;margin-bottom:12px}.empty{min-height:405px;display:grid;place-content:center;text-align:center;padding:50px}.empty div{font-size:42px;color:#8e7bbb;margin-bottom:12px}.empty h3{font:italic 600 22px Playfair Display;margin-bottom:7px}.result{padding-top:18px}.person,.user{display:flex;align-items:center;gap:12px}.person{margin-bottom:14px}.person>div,.user>div{width:42px;height:42px;border-radius:12px;background:#e9e3f5;color:#4d387d;display:grid;place-items:center;font-weight:700}.person span,.user span{display:flex;flex-direction:column}.person small,.user small{color:#858a82;font-size:11px;margin-top:2px}.credential{display:flex;align-items:center;justify-content:space-between;background:#f6f4ef;border-radius:11px;padding:10px 12px;margin:8px 0;gap:12px}.credential span{min-width:0}.credential small{display:block;color:#8c9189;font-size:10px}.credential strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.credential button,.actions button,.actions a{border:0;background:none;color:#604699;font:600 11px Manrope;cursor:pointer;text-decoration:none}.message{margin-top:14px}.message textarea{height:112px;resize:none;font-size:11px;line-height:1.5}.actions{display:flex;justify-content:space-between;align-items:center}.actions button{background:#432c7a;color:#fff;padding:10px 13px;border-radius:9px}.people{margin-top:22px;padding:26px;position:relative}.people>.count{position:absolute;right:26px;top:28px;background:#ede8f6;color:#5d468b;border-radius:99px;padding:5px 10px;font-size:11px}.table{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.user{padding:12px;background:#f7f5f0;border-radius:13px}.user time{margin-left:auto;font-size:11px;color:#959990}.muted{color:#898e86;font-size:12px}@media(max-width:800px){.shell{padding:24px 16px}header{grid-template-columns:auto 1fr}.status{display:none}h1{font-size:27px}main{grid-template-columns:1fr}.table,.row{grid-template-columns:1fr}}