.people{--brand:#0e7c66;color:#1c2430;background:#fff;min-height:100vh;font-family:sans-serif}.people *,.people :before,.people :after{box-sizing:border-box}.people button{font:inherit}.people .top{border-bottom:1px solid #d5dbe3;align-items:center;gap:12px;padding:12px 2rem;display:flex}.people .top>i{background:var(--brand);color:#fff;text-align:center;border-radius:8px;width:30px;height:30px;font:700 14px/30px sans-serif}.people .top b{font-size:16px}.people .top small{color:#5b6573}.people .me{margin-left:auto;position:relative}.people .me-button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;display:flex}.people .av{text-align:center;background:#dfe7f1;border-radius:50%;width:30px;height:30px;font:700 12px/30px sans-serif;display:inline-block}.people main{padding:1.5rem 2rem}.people h1{margin:0 0 .25rem;font-size:1.5rem}.people .lead{color:#5b6573;margin:0 0 1rem}.people .bar{align-items:center;gap:.6rem;margin:1rem 0;display:flex}.people .grow{flex:1}.people .inp{color:#1c2430;border:1px solid #d5dbe3;min-width:280px;padding:.45rem .6rem;font-size:14px}.people .sel{color:#1c2430;background:#fff;border:1px solid #d5dbe3;padding:.45rem .6rem;font-size:14px}.people .b{color:#1c2430;cursor:pointer;background:#f6f8fa;border:1px solid #9aa6b5;padding:.45rem .8rem;font-size:14px}.people .b.p{background:var(--brand);border-color:var(--brand);color:#fff}.people .b.d{color:#fff;background:#8a1c1c;border-color:#8a1c1c}.people .b:disabled{opacity:.6;cursor:default}.people .lnk{color:#24426b;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.people .lnk:disabled{color:#8a94a1;cursor:default}.people table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:14px}.people th,.people td{text-align:left;vertical-align:top;border:1px solid #d5dbe3;padding:.4rem .6rem}.people th{background:#f6f8fa}.people td small,.people .card small{color:#5b6573;display:block}.people .skeleton td span{background:#eceff2;border-radius:3px;height:.9rem;display:block}.people .tag{border-radius:3px;padding:.1rem .45rem;font-size:12px;display:inline-block}.people .t-ok{color:#0b5d47;background:#e3f4ec}.people .t-inv{color:#24426b;background:#e6eefb}.people .t-blk{color:#7a4300;background:#fff1dd}.people .t-off{color:#5b6573;background:#eceff2}.people .alert{margin:.5rem 0;padding:.3rem .5rem}.people .alert.err{color:#8a1c1c;background:#fdecec}.people .alert.warn{color:#6b4d00;background:#fff6d6}.people .alert.ok{color:#0b5d47;background:#e3f4ec}.people .alert.info{color:#24426b;background:#e6eefb}.people .menu{z-index:5;background:#fff;border:1px solid #d5dbe3;min-width:200px;position:absolute;top:40px;right:0;box-shadow:0 4px 12px #00000014}.people .menu a,.people .menu button{text-align:left;color:#1c2430;cursor:pointer;background:0 0;border:0;width:100%;padding:.5rem .8rem;font-size:14px;text-decoration:none;display:block}.people .menu .sep{border-top:1px solid #d5dbe3}.people .ov{z-index:10;background:#1c243059;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.people .dlg{background:#fff;border:1px solid #d5dbe3;width:92%;max-width:46rem;padding:1.2rem 1.4rem}.people .dlg h2{margin:0 0 .6rem;font-size:1.2rem}.people .dlg label{margin:.7rem 0 .25rem;font-size:14px;display:block}.people .dlg .muted{color:#5b6573;margin:0}.people .dlg .help{color:#5b6573;font-size:13px}.people .f{color:#1c2430;background:#fff;border:1px solid #d5dbe3;width:100%;padding:.45rem .6rem;font-size:14px;display:block}.people .f[aria-invalid=true]{border-color:#8a1c1c}.people .grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.people .acts{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.people .cards{display:none}.people .card{border:1px solid #d5dbe3;margin:.6rem 0;padding:.7rem;font-size:14px}.people .card .r{justify-content:space-between;margin-top:.3rem;display:flex}.people .card-actions{text-align:right;margin-top:.3rem;position:relative}.people .card-actions summary{cursor:pointer;list-style:none}.people .card-actions .menu{top:1.6rem}@media (width<=600px){.people .top{padding:10px 1rem}.people .me-button>span:first-child{display:none}.people main{padding:1rem}.people table.t{display:none}.people .cards{display:block}.people .bar{flex-wrap:wrap}.people .inp{flex:100%;min-width:0}.people .grid{grid-template-columns:1fr}.people .dlg{width:calc(100% - 32px)}.people .ov{padding-top:16px}}
