:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#185f80}.white_area{position:relative;max-width:400px;min-height:120px;background-color:#fff;padding:10px;box-sizing:border-box;font-size:16px;font-weight:400;border:3px solid #ccc}.in_main_screen{width:80%;margin:20px auto}.white_area.logo{flex-direction:column;display:flex;height:150px;border-bottom:0;padding:5px}.white_area.logo img{loading:"lazy";margin:auto;max-height:34%;display:block}.white_area.logo div{margin-top:0}.white_area.logo div span :hover{color:red}.tolink{font-size:18px;color:#000;text-decoration:none}.tolink:hover{color:#05553a;text-decoration:underline}*{margin:0;padding:0}.white_area.login{min-height:150px}.white_area.messages_area{min-height:150px;height:auto;max-height:300px;overflow-y:auto}.userinfo img{width:70px;height:70px}.userinfo{display:flex;flex-wrap:"nowrap";gap:10px}.userpart{display:flex;flex-direction:column}.userpart button,.dev button,.matepart button,.setting button{padding:1px 4px;background-color:#929092;color:#fff;border:none;cursor:pointer;font-size:16px;align-self:flex-start}.dev button{margin:2px}.userpart button:hover,.dev button:hover,.matepart button:hover,.setting button:hover{background-color:#025fc2}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.white_area{animation:fadeIn .2s cubic-bezier(.25,.1,.25,1) forwards}.interaction-button-description{font-size:12px}.interaction-button{box-sizing:border-box;width:100%;color:#fff;background-color:#929092;padding:5px}.interaction-button:hover{cursor:pointer;background-color:#0577e9cf}.grid-container{box-sizing:border-box;padding:10px 0;width:100%;height:100%;background-color:#6fa199;border:2px solid #ccc;justify-content:center;display:grid;column-gap:5%;row-gap:10px;grid-template-columns:42.5% 42.5%}.add-2-space:before{content:"";width:2em;display:inline-block;color:red}.login-container{background:#2e8cb8bd;padding:10px auto}.login-container label{font-size:16px;display:inline-block;margin-bottom:5px;font-weight:700;background-color:#929092}input{padding:4px;border:1px solid #ddd;box-sizing:border-box}.login-container h2{font-size:18px;color:#c4d42f}.login-container button{padding:1px 4px;background-color:#929092;color:#fff;border:none;cursor:pointer;font-size:16px}.login-container button:hover{background-color:#025fc2}.form-group{display:flex;gap:4px}.buttonPart{padding-top:3px;display:flex;gap:5px}.ant-tabs-container{max-width:600px;margin:20px auto;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid #ccc;box-sizing:border-box}#tabs-container{margin-top:4px}.ant-tabs-header{display:flex;position:relative;border-bottom:1px solid #e8e8e8;background-color:#fff}.ant-tab-item{padding:8px 10px;font-size:16px;color:#00000073;cursor:pointer;transition:all .3s;position:relative;white-space:nowrap}.ant-tab-item:hover,.ant-tab-item.active{color:#107c41}.ant-tab-indicator{height:2px;background:#107c41;position:absolute;bottom:0;transition:all .3s ease}.ant-tab-content{padding:24px;min-height:50px}.ant-tab-pane{display:none;animation:fadeIn .3s ease}.ant-tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}