.container[data-v-8c9edcfe]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;background:#f0f2f5}.left-panel[data-v-8c9edcfe]{width:300px;margin-right:20px}.left-panel[data-v-8c9edcfe],.right-panel[data-v-8c9edcfe]{padding:20px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.right-panel[data-v-8c9edcfe]{-webkit-box-flex:1;-ms-flex:1;flex:1}.text[data-v-8c9edcfe]{font-size:20px}.item[data-v-8c9edcfe]{margin-bottom:18px}.clearfix[data-v-8c9edcfe]:after,.clearfix[data-v-8c9edcfe]:before{display:table;content:""}.clearfix[data-v-8c9edcfe]:after{clear:both}.box-card[data-v-8c9edcfe]{width:300px}.clickable-item[data-v-8c9edcfe]{padding:5px;margin:5px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.active[data-v-8c9edcfe]{background-color:#b3e5fc;border-color:#4fc3f7}.clickable-item[data-v-8c9edcfe]:hover{background-color:#e1f5fe}.action-buttons button[data-v-8c9edcfe]{margin-left:8px;padding:4px 8px;border:1px solid #ddd;border-radius:3px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.action-buttons button[data-v-8c9edcfe]:hover{background-color:#f5f5f5}.item-container[data-v-8c9edcfe]{margin:10px;padding:15px;border:1px solid #ddd;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s}.active[data-v-8c9edcfe]{background-color:#e3f2fd;border-color:#64b5f6}