table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif}td,th{border:1px solid #ddd;padding:12px;text-align:center}th{background-color:#f2f2f2;font-weight:700}tr:hover{background-color:#f5f5f5}button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.btn-edit{background-color:#67c23a;color:#fff}.app-container{display:flex;font-family:Arial,sans-serif}.sidebar{width:200px;background-color:#f0f0f0;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.1)}.sidebar h2{font-size:18px;margin-bottom:20px}.dropdown{margin-bottom:10px}.dropdown button{width:100%;padding:10px;background-color:#fff;border:1px solid #ddd;cursor:pointer;text-align:left;margin-bottom:5px}.dropdown button.active{background-color:#409eff;color:#fff}.dropdown-content{margin-left:10px}.dropdown-content button{width:100%;padding:8px;background-color:#f9f9f9;border:none;cursor:pointer;text-align:left;margin-bottom:5px}.dropdown-content button.active{background-color:#409eff;color:#fff}.content{flex:1;padding:20px}.actions{margin-bottom:20px;display:flex;gap:10px}.actions input{padding:8px;border:1px solid #ddd;border-radius:4px;flex:1}.actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.btn-add{background-color:#e6a23c;color:#fff}.btn-delete{background-color:#f56c6c;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:400px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.modal-content h2{margin-bottom:20px}.modal-content label{display:block;margin-top:10px}.modal-content input{width:100%;padding:8px;margin-top:5px;border:1px solid #ddd;border-radius:4px}.modal-content button{margin-top:10px;padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.btn-save{background-color:#e6a23c;color:#fff}.btn-cancel{background-color:#f56c6c;color:#fff}