@font-face{font-family:"Poppins";src:url("/fonts/poppins.woff2") format("woff2")}@font-face{font-family:"Poppins";src:url("/fonts/poppins-bold.woff2") format("woff2");font-weight:bold}*{margin:0px;font-family:"Poppins"}body,html{height:100%}body{color:#000;background-color:#fff;display:flex;align-items:center;justify-content:center}header{top:10px;left:10px;position:absolute;display:flex;gap:10px;align-items:center}footer{right:10px;bottom:10px;text-align:right;position:absolute}section{border-radius:5px;border:2px solid gray;padding:10px;display:flex;flex-direction:column;gap:5px;height:598px}section:first-child>div:first-child,#content{display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:scroll;overflow-x:hidden}section:first-child{width:310px}section:last-child{width:500px}div.person{cursor:pointer;display:flex;gap:5px;padding:5px;border-radius:5px;border:2px solid gray;transition:background-color .5s ease}div.person:hover{background-color:#e6e6e6}div.active{background-color:#d8d8d8}section:first-child>div button{padding:5px;aspect-ratio:1/1}section:first-child h3{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{width:fit-content;display:flex;gap:10px}section:last-child>div:not(#content),#content>div{display:flex;justify-content:space-between}#content>div{padding-right:10px}.section-separator{display:flex;align-items:center;text-align:center;width:100%;margin:10px 0}.section-separator::before,.section-separator::after{content:"";flex:1;border-bottom:2px solid gray;margin:0 10px}.section-separator span{font-weight:bold;white-space:nowrap}label{display:flex;align-items:center;gap:5px}#delete{background-color:#dc3545}input[type="text"]{border:1px solid gray;border-radius:3px;outline:none}input[type="text"].invalid{border:2px solid #dc3545}button{cursor:pointer;color:#fff;border:none;border-radius:5px;padding:5px 20px;background-color:#198754;transition:opacity .3s ease}button:not(:disabled):hover{opacity:.8}button:disabled{background-color:gray;cursor:not-allowed}.button-list{display:flex;gap:5px}.space{flex:1}.info-icon{font-size:14px;cursor:pointer;background-color:#007bff;color:white;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:bold;position:relative}.tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:5px;border-radius:5px;position:absolute;left:0px;width:fit-content;top:-30px;right:0;opacity:0;transition:opacity 0.3s ease-in-out;font-size:12px;white-space:nowrap}.info-icon:hover .tooltip{visibility:visible;opacity:1}#loading{display:flex;gap:10px;align-items:center}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:32px;height:32px}.lds-dual-ring:after{content:" ";display:block;width:18px;height:18px;margin:8px;border-radius:50%;border:2.2px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}